/* SOLAR GEDERA : Royal Safe architecture translated to solar water heater services.
   Design system is reusable; this CSS is attached only to preview page 670. */
:root{--sg-ink:#082B42;--sg-navy:#092737;--sg-night:#061f2d;--sg-sun:#FFBD2E;--sg-cream:#F4F8FA;--sg-green:#00ADA5;--sg-muted:#647882;--sg-line:#dfebe9;--sg-white:#fff;--sg-radius:19px;--sg-ease:cubic-bezier(.22,.78,.19,1)}
.sgroyal-page{margin:0;direction:rtl;background:var(--sg-cream);color:var(--sg-ink);font-family:Heebo,Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.sgroyal-page *{box-sizing:border-box}
.sgroyal-page :is(h1,h2,h3,h4,p,figure,ol){margin:0}
.sgroyal-page img{display:block;max-width:100%}
.sgroyal-page a{text-decoration:none}
.sgroyal-page button{font:inherit}
.sgroyal-page :is(a,button,summary):focus-visible{outline:3px solid var(--sg-sun);outline-offset:4px}
.sgroyal-page .sgroyal-wrap{width:min(1290px,calc(100% - 72px));margin-inline:auto}
.sgroyal-skip{position:absolute;top:-110px;right:15px;background:#fff;color:var(--sg-ink);z-index:120;padding:12px}
.sgroyal-skip:focus{top:9px}
.sgroyal-index{font-size:13px;font-weight:800;letter-spacing:.015em;color:var(--sg-green);margin-bottom:19px!important}
.sgroyal-page h2{font-size:clamp(38px,4.7vw,67px);line-height:1.13;font-weight:900;letter-spacing:-.055em}
.sgroyal-page h2 em{font-style:normal;color:var(--sg-green)}
.sgroyal-page p{line-height:1.78}
.sgroyal-section{padding:105px 0}
.sgroyal-kicker{display:block;font-size:14px;font-weight:800}
.sgroyal-kicker--gold{color:var(--sg-sun)}
.sgroyal-inline{display:inline-flex;gap:12px;font-size:14px;color:var(--sg-green);align-items:center;font-weight:800;border-bottom:1px solid #00ADA580;padding-bottom:7px;flex:none}
.sgroyal-btn{display:inline-flex;justify-content:center;align-items:center;gap:22px;border-radius:12px;font-size:15px;font-weight:800;line-height:1.25;padding:18px 24px;min-height:57px;transition:transform .25s var(--sg-ease),background .25s,box-shadow .25s;white-space:nowrap}
.sgroyal-btn:hover{transform:translateY(-4px)}
.sgroyal-btn--gold{background:var(--sg-sun);color:#132b35;box-shadow:0 13px 28px #d996342e}
.sgroyal-btn--gold:hover{background:#f9ca68;box-shadow:0 19px 39px #d9963460}
.sgroyal-btn--ghost{border:1px solid #ccdce2a3;color:#f4f7f5;background:#ffffff0d}
.sgroyal-btn--ghost:hover{background:#ffffff25}
.sgroyal-btn--dark{background:var(--sg-ink);color:#fff}
.sgroyal-btn--dark:hover{background:#145568;box-shadow:0 15px 31px #12425230}

/* HEADER 2027 PATTERN: announcement -> search/brand/actions -> category nav */
.sgroyal-topbar{background:#071e2c;color:#e2edf0;min-height:36px;font-size:12px}
.sgroyal-topbar__inner{display:flex;align-items:center;justify-content:space-between;min-height:36px;gap:12px}
.sgroyal-topbar a{color:#FFBD2E;font-weight:800}
.sgroyal-topbar bdi{direction:ltr;unicode-bidi:isolate}
.sgroyal-header{background:#fff;position:relative;z-index:60;box-shadow:0 9px 30px #172e370b}
.sgroyal-header__main{min-height:91px;display:flex;gap:34px;align-items:center;justify-content:space-between}
.sgroyal-brand{display:flex;align-items:center;gap:10px;color:var(--sg-ink);flex:none}
.sgroyal-brand__sun{display:grid;place-items:center;width:48px;height:48px;background:#f9efdb;border-radius:50%;color:#cc9032;font-size:38px;font-weight:700}
.sgroyal-brand strong{font-size:20px;font-weight:900;line-height:1.24;display:block;letter-spacing:-.045em}
.sgroyal-brand small{color:#647982;font-size:11px;display:block}
.sgroyal-quicksearch{flex:1;max-width:520px;min-width:175px;display:flex;align-items:center;gap:15px;background:#f5f8f8;border:1px solid #e1eaec;border-radius:12px;padding:12px 16px;color:#687f84;white-space:nowrap}
.sgroyal-quicksearch>span:first-child{font-size:24px;color:var(--sg-green);line-height:1}
.sgroyal-quicksearch>span:nth-child(2){font-size:13px;overflow:hidden;text-overflow:ellipsis}
.sgroyal-quicksearch strong{font-weight:800;margin-inline-start:auto;color:var(--sg-green);font-size:12px}
.sgroyal-header__actions{display:flex;gap:9px;align-items:center;white-space:nowrap}
.sgroyal-header__actions a{border-radius:10px;padding:11px 15px;font-size:13px;font-weight:800;white-space:nowrap;transition:transform .2s}
.sgroyal-header__actions a:hover{transform:translateY(-3px)}
.sgroyal-header__phone{background:#082B42;color:#fff}
.sgroyal-header__phone bdi{direction:ltr;unicode-bidi:isolate}
.sgroyal-header__wa{background:#e5f5ef;color:#0d7f64;border:1px solid #cce5db}
.sgroyal-menu-toggle{display:none;cursor:pointer;padding:10px;border:0;background:var(--sg-ink);color:#fff;border-radius:10px;font-size:15px;gap:6px;align-items:center}
.sgroyal-nav{border-top:1px solid #e8ecec}
.sgroyal-nav__inner{min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.sgroyal-nav__inner a{font-size:13px;font-weight:800;color:#31535d;white-space:nowrap;padding:11px 2px;transition:color .2s}
.sgroyal-nav__inner a:hover{color:var(--sg-green)}
.sgroyal-nav__inner .sgroyal-nav__featured{color:var(--sg-green)}

/* HERO 2027 PATTERN: premium copy and two floating visual models, a catalog tag */
.sgroyal-hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 16% 18%,#1e5e70 0%,transparent 38%),linear-gradient(117deg,#071d2b,#0b3141 59%,#164b5a);color:#fff}
.sgroyal-hero:before{content:"";pointer-events:none;position:absolute;left:-210px;top:-290px;width:660px;height:660px;border:1px solid #FFBD2E26;border-radius:50%;box-shadow:0 0 0 70px #ffffff03,0 0 0 142px #ffffff03}
.sgroyal-hero__grid{display:grid;grid-template-columns:.94fr 1.06fr;min-height:625px;gap:40px;align-items:center;padding-top:85px;padding-bottom:85px}
.sgroyal-hero__copy{position:relative;z-index:2;max-width:635px}
.sgroyal-hero h1{font-size:clamp(49px,4.85vw,76px);line-height:1.13;font-weight:900;letter-spacing:-.06em;margin:16px 0 22px}
.sgroyal-hero h1 span{display:block;color:#f5c674;font-weight:750;font-size:clamp(31px,3vw,44px);margin-top:10px;line-height:1.24;letter-spacing:-.052em}
.sgroyal-hero__copy>p{color:#deeaec;font-size:18px;line-height:1.85;max-width:530px;margin:0 0 24px}
.sgroyal-hero__buttons{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:32px}
.sgroyal-hero__pills{display:flex;gap:13px;flex-wrap:wrap;color:#bfd3d8;font-size:12px;font-weight:750}
.sgroyal-hero__pills span{padding:0 13px;border-inline-start:1px solid #ffffff45}
.sgroyal-hero__pills span:last-child{border:0}
.sgroyal-hero__gallery{height:480px;position:relative;isolation:isolate}
.sgroyal-hero__gallery:before{content:"";position:absolute;inset:35px 55px 10px 0;border:1px solid #ffffff27;border-radius:40px;z-index:-1;background:radial-gradient(circle at 55% 40%,#ffffff19,transparent 70%)}
.sgroyal-hero__image{position:absolute;overflow:hidden;box-shadow:0 25px 60px #03141e88;border:1px solid #ffffff47}
.sgroyal-hero__image img{width:100%;height:100%;object-fit:cover}
.sgroyal-hero__image--primary{height:390px;width:67%;left:6%;top:10px;transform:rotate(-5deg);border-radius:17px 17px 85px 17px}
.sgroyal-hero__image--secondary{height:245px;width:44%;right:4%;top:165px;transform:rotate(7deg);border-radius:80px 15px 15px 15px}
.sgroyal-hero__image figcaption{position:absolute;bottom:0;right:0;left:0;padding:20px 18px 15px;font-size:13px;font-weight:800;background:linear-gradient(0deg,#092536db,transparent);color:#fff}
.sgroyal-hero__monogram{position:absolute;right:42%;top:0;font-size:84px;font-weight:900;letter-spacing:-.14em;color:#ffffff15;pointer-events:none}
.sgroyal-hero__monogram span{color:#f5c67544}
.sgroyal-hero__catalog{position:absolute;left:3%;bottom:-29px;background:#fffdf6;color:var(--sg-ink);display:grid;grid-template-columns:40px 1fr;gap:0 9px;align-items:center;border-radius:15px;padding:16px 21px;box-shadow:0 20px 48px #05192760;transform:rotate(-2deg)}
.sgroyal-hero__catalog>span{grid-row:span 2;color:#d69d35;font-size:27px}
.sgroyal-hero__catalog strong{font-size:15px}
.sgroyal-hero__catalog small{font-size:12px;color:#5b737c}

/* PROOF 4 CELLS */
.sgroyal-proof{background:#fff;border-bottom:1px solid #dfe9e7}
.sgroyal-proof__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.sgroyal-proof__grid>div{display:flex;flex-direction:column;justify-content:center;gap:3px;min-height:106px;padding:18px 20px;border-inline-start:1px solid #e1e8e7}
.sgroyal-proof__grid>div:last-child{border:0}

.sgroyal-proof__grid strong{font-size:14px;font-weight:850}
.sgroyal-proof__grid small{font-size:12px;color:var(--sg-muted);margin-top:3px}

/* SECTION HEAD TYPOGRAPHIC RHYTHM */
.sgroyal-section__top{display:flex;align-items:flex-end;justify-content:space-between;gap:42px;margin-bottom:47px}
.sgroyal-section__top>div{max-width:770px}
.sgroyal-section__lead{font-size:17px;color:var(--sg-muted);max-width:650px;margin-top:17px!important}

/* ROYAL CATEGORY GRIDS — 5 SERVICE CATEGORIES, RESPONSIVE */
.sgroyal-categories{background:var(--sg-cream)}
.sgroyal-categories__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.sgroyal-category{position:relative;display:flex;min-height:330px;overflow:hidden;flex-direction:column;border:1px solid #e2eae9;background:#fff;border-radius:17px;color:var(--sg-ink);box-shadow:0 8px 30px #123f4b0c;transition:transform .27s var(--sg-ease),box-shadow .27s}
.sgroyal-category:hover{transform:translateY(-7px);box-shadow:0 19px 48px #123f4b27}
.sgroyal-category__photo{position:relative;height:160px;overflow:hidden;flex:none;background:#e7f0ef}
.sgroyal-category__photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#ffffff13,transparent)}
.sgroyal-category__photo img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.sgroyal-category:hover .sgroyal-category__photo img{transform:scale(1.07)}
.sgroyal-category__body{position:relative;padding:19px 23px 26px;flex:1}

.sgroyal-category h3{font-size:23px;line-height:1.22;letter-spacing:-.04em;margin:7px 0}
.sgroyal-category p{font-size:13px;line-height:1.65;color:var(--sg-muted);max-width:320px;padding-left:15px}
.sgroyal-category__arrow{position:absolute;bottom:21px;left:22px;font-weight:850;color:#0b8577;font-size:23px}
.sgroyal-categories__bottom{border-top:1px solid #dbe7e3;margin-top:30px;padding-top:19px;font-size:15px;color:#6f8285}
.sgroyal-categories__bottom a{color:#00ADA5;font-weight:850;margin-right:10px}

/* ROYAL HOME FEATURE SECTION: SIDE PHOTO / EDITORIAL TREATMENT */
.sgroyal-feature{background:#fff}
.sgroyal-feature__layout{display:grid;grid-template-columns:.91fr 1.09fr;gap:55px;align-items:center;padding:95px 0}
.sgroyal-feature__visual{height:540px;position:relative;overflow:hidden;background:#e9f1ed;border-radius:17px 85px 17px 17px}
.sgroyal-feature__visual img{width:100%;height:100%;object-fit:cover}
.sgroyal-feature__mark{position:absolute;bottom:26px;left:24px;padding:14px 21px;background:#102e3ddf;color:#fff;border:1px solid #ffffff52;border-radius:10px;font-size:13px;font-weight:800;backdrop-filter:blur(9px)}
.sgroyal-feature__copy{padding:15px 0}
.sgroyal-feature__copy h2{max-width:610px}
.sgroyal-feature__copy>p:not(.sgroyal-index){font-size:17px;line-height:1.91;color:var(--sg-muted);margin:23px 0;max-width:625px}
.sgroyal-feature__copy ol{list-style:none;padding:0;margin:0 0 28px;display:grid;gap:13px}
.sgroyal-feature__copy li{display:flex;justify-content:space-between;border-bottom:1px solid #e5ecea;padding-bottom:12px;gap:22px;font-size:14px}
.sgroyal-feature__copy li strong{font-weight:850}
.sgroyal-feature__copy li span{color:var(--sg-muted)}

/* ROYAL PRODUCT GRID -> PROBLEM / SOLUTION CARDS */
.sgroyal-problems{background:#f1f5f3}
.sgroyal-problems__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}
.sgroyal-problem{background:#fff;border:1px solid #e1e8e6;border-radius:17px;overflow:hidden;box-shadow:0 10px 33px #0c3b490d;transition:transform .27s}
.sgroyal-problem:hover{transform:translateY(-6px)}
.sgroyal-problem__visual{height:170px;position:relative;background:#e3e9e7;overflow:hidden}
.sgroyal-problem__visual img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.sgroyal-problem:hover .sgroyal-problem__visual img{transform:scale(1.06)}
.sgroyal-problem__icon{position:absolute;right:17px;bottom:13px;color:#133b43;background:#f4c462e3;width:39px;height:39px;display:grid;place-items:center;font-size:21px;border-radius:11px}
.sgroyal-problem__body{padding:20px 19px 22px;min-height:227px;display:flex;flex-direction:column}

.sgroyal-problem h3{font-size:19px;line-height:1.27;letter-spacing:-.025em;margin:10px 0}
.sgroyal-problem p{font-size:13px;line-height:1.77;color:var(--sg-muted);flex:1}
.sgroyal-problem a{color:#0b8a7c;font-size:13px;font-weight:800;margin-top:12px}
.sgroyal-problems__note{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:28px;border:1px solid #dae8e3;background:#fff;border-radius:15px;padding:20px 24px;color:#647981;font-size:14px}
.sgroyal-problems__note strong{color:var(--sg-ink);font-size:15px}
.sgroyal-problems__note a{background:#e6f4ed;color:#118676;padding:10px 15px;border-radius:8px;font-weight:850}

/* PROFESSIONAL EDITORIAL SPLIT, DIFFERENT FROM HOME FEATURE */
.sgroyal-guide{background:#103748;color:#fff}
.sgroyal-guide__layout{display:grid;grid-template-columns:1.02fr .98fr;gap:70px;min-height:590px;align-items:center;padding:82px 0}
.sgroyal-guide .sgroyal-index{color:var(--sg-sun)}
.sgroyal-guide__copy h2{max-width:580px}
.sgroyal-guide__copy>p:not(.sgroyal-index){font-size:17px;color:#d7e5e5;line-height:1.95;max-width:615px;margin:23px 0}
.sgroyal-guide__tags{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 29px}
.sgroyal-guide__tags span{border:1px solid #ffffff4f;border-radius:99px;padding:8px 12px;font-size:12px}
.sgroyal-guide__copy .sgroyal-btn--dark{background:#FFBD2E;color:#0f313f}
.sgroyal-guide__visual{height:438px;position:relative;overflow:hidden;border-radius:80px 17px 17px 17px;box-shadow:0 22px 60px #041c25}
.sgroyal-guide__visual img{width:100%;height:100%;object-fit:cover}
.sgroyal-guide__visual>span{position:absolute;bottom:21px;left:21px;padding:10px 17px;background:#0e293bbd;backdrop-filter:blur(10px);color:#f6e4ba;border-radius:7px;font-size:13px;font-weight:800}

/* FOUR-STAGE SELECTION */
.sgroyal-steps{background:#fff}
.sgroyal-steps__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:55px}
.sgroyal-steps__grid article{background:#f7f9f7;border:1px solid #e7edeb;border-radius:16px;padding:28px 25px 31px;min-height:235px;position:relative}
.sgroyal-steps__grid article:first-child{background:#11394a;color:#fff;border-color:transparent}
.sgroyal-steps__grid article>span{font-size:37px;font-weight:700;line-height:1;color:#00ADA5}
.sgroyal-steps__grid article:first-child>span{color:#f5c16a}
.sgroyal-steps__grid h3{font-size:21px;margin:19px 0 10px;line-height:1.2}
.sgroyal-steps__grid p{font-size:14px;color:var(--sg-muted);line-height:1.75}
.sgroyal-steps__grid article:first-child p{color:#d7e7e6}

/* CATALOG STRUCTURE -> AREAS HUB */
.sgroyal-areas{background:linear-gradient(120deg,#071e2a,#123f4c 70%,#1c5360);color:#fff;position:relative;overflow:hidden}
.sgroyal-areas:before{content:"";position:absolute;left:-170px;top:-220px;width:670px;height:670px;border:1px solid #e8b45433;border-radius:50%;box-shadow:0 0 0 79px #ffffff05,0 0 0 154px #ffffff05;pointer-events:none}
.sgroyal-areas__layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:75px;align-items:center;min-height:545px;padding:85px 0;position:relative}
.sgroyal-areas .sgroyal-index{color:var(--sg-sun)}
.sgroyal-areas__text h2{max-width:580px}
.sgroyal-areas__text>p:not(.sgroyal-index){color:#c9dee0;font-size:17px;line-height:1.9;margin:25px 0;max-width:570px}
.sgroyal-areas__panel{background:#fffef5;color:var(--sg-ink);border:1px solid #ffffffa5;border-radius:24px;padding:33px;box-shadow:0 26px 60px #0319247d;position:relative;overflow:hidden}
.sgroyal-areas__panelhead{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:22px;border-bottom:1px solid #e3eae4;padding-bottom:17px}
.sgroyal-areas__panelhead>span{font-size:12px;color:#73888b}
.sgroyal-areas__panelhead>strong{font-size:17px;font-weight:900}
.sgroyal-areas__chips{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;position:relative;z-index:1}
.sgroyal-areas__chips span{background:#f0f5f3;border:1px solid #e2ece9;padding:11px 7px;border-radius:9px;text-align:center;font-size:13px;font-weight:800;color:#214b54}
.sgroyal-areas__panel>p{position:relative;z-index:1;font-size:12px;color:var(--sg-muted);margin-top:17px}
.sgroyal-areas__watermark{position:absolute;bottom:-28px;left:-2px;font-size:125px;font-weight:900;letter-spacing:-.08em;color:#eff3e8;pointer-events:none}

/* FAQ AND CONTACT */
.sgroyal-faq{background:var(--sg-cream)}
.sgroyal-faq__layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px}
.sgroyal-faq__intro>p:not(.sgroyal-index){font-size:16px;color:var(--sg-muted);margin:20px 0}
.sgroyal-faq__items details{border-bottom:1px solid #d4e2df}
.sgroyal-faq__items details:first-child{border-top:1px solid #d4e2df}
.sgroyal-faq__items summary{list-style:none;display:flex;align-items:center;gap:22px;cursor:pointer;font-size:17px;font-weight:850;padding:21px 5px}
.sgroyal-faq__items summary::-webkit-details-marker{display:none}

.sgroyal-faq__items summary b{margin-inline-start:auto;font-size:23px;font-weight:500;transition:transform .2s}
.sgroyal-faq__items details[open] summary b{transform:rotate(45deg)}
.sgroyal-faq__items details>p{font-size:15px;color:var(--sg-muted);padding:0 25px 22px 10px;max-width:700px}
.sgroyal-last{background:radial-gradient(circle at 16% 27%,#1e6673 0%,transparent 30%),#0c3041;color:#fff;padding:77px 0}
.sgroyal-last__grid{display:flex;align-items:center;justify-content:space-between;gap:45px}
.sgroyal-last__grid>div:first-child{max-width:790px}
.sgroyal-last__grid>div:first-child>p{font-size:13px;font-weight:800;color:var(--sg-sun);margin-bottom:12px}
.sgroyal-last h2{font-size:clamp(34px,4vw,58px);line-height:1.2}
.sgroyal-last__grid>div:first-child>span{display:block;font-size:17px;color:#d3e2e4;line-height:1.8;margin-top:15px}
.sgroyal-last__actions{display:flex;flex-direction:column;gap:12px;flex-shrink:0}
.sgroyal-last__actions .sgroyal-btn--ghost{border:1px solid #d8e5df8c}
.sgroyal-footer{background:#071d2b;color:#fff;padding:62px 0 25px}
.sgroyal-footer__grid{display:grid;grid-template-columns:1.5fr .7fr .7fr;gap:50px}
.sgroyal-footer__grid>div{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.sgroyal-footer__grid strong{font-size:23px;font-weight:900}
.sgroyal-footer__grid p{font-size:14px;color:#bdced1;max-width:490px}
.sgroyal-footer__grid h3{font-size:17px;margin-bottom:13px}
.sgroyal-footer__grid a{font-size:13px;color:#cbdde0}
.sgroyal-footer__grid a:hover{color:var(--sg-sun)}
.sgroyal-footer__grid bdi{direction:ltr}
.sgroyal-footer__bottom{margin-top:40px;padding-top:20px;border-top:1px solid #ffffff24;display:flex;justify-content:space-between;gap:28px;color:#9cb4bb;font-size:11px;line-height:1.7}

/* INTERMEDIATE WIDTH / TABLET */
@media(max-width:1180px){
 .sgroyal-page .sgroyal-wrap{width:calc(100% - 48px)}
 .sgroyal-header__main{gap:15px}
 .sgroyal-nav__inner{gap:11px}
 .sgroyal-nav__inner a{font-size:11px}
 .sgroyal-quicksearch strong{display:none}
 .sgroyal-hero__grid{gap:25px}
 .sgroyal-hero h1{font-size:57px}
 .sgroyal-hero__gallery{height:420px}
 .sgroyal-hero__image--primary{height:350px}
 .sgroyal-hero__image--secondary{height:223px}
 .sgroyal-categories__grid{grid-template-columns:repeat(3,1fr)}
 .sgroyal-feature__layout{gap:40px}
 .sgroyal-problems__grid{grid-template-columns:repeat(2,1fr)}
 .sgroyal-guide__layout{gap:45px}
}
@media(max-width:850px){
 .sgroyal-section{padding:76px 0}
 .sgroyal-page .sgroyal-wrap{width:calc(100% - 40px)}
 .sgroyal-page h2{font-size:clamp(34px,5.5vw,53px)}
 .sgroyal-header__main{min-height:77px}
 .sgroyal-quicksearch,.sgroyal-header__actions{display:none}
 .sgroyal-menu-toggle{display:flex}
 .sgroyal-nav{display:none}
 .sgroyal-nav.is-open{display:block}
 .sgroyal-nav__inner{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding-bottom:15px}
 .sgroyal-nav__inner a{padding:12px 9px;border-radius:7px;background:#f4f7f5}
 .sgroyal-topbar__inner{min-height:31px}
 .sgroyal-hero__grid{min-height:0;grid-template-columns:1fr;gap:15px;padding-top:68px;padding-bottom:100px}
 .sgroyal-hero__copy{max-width:740px}
 .sgroyal-hero h1{font-size:59px}
 .sgroyal-hero h1 span{font-size:36px}
 .sgroyal-hero__gallery{height:360px;max-width:710px;width:100%}
 .sgroyal-hero__image--primary{height:310px;width:60%}
 .sgroyal-hero__image--secondary{width:40%;height:200px}
 .sgroyal-hero__catalog{bottom:0}
 .sgroyal-proof__grid{grid-template-columns:repeat(2,1fr)}
 .sgroyal-proof__grid>div{min-height:91px;border-bottom:1px solid #e5eeea}
 .sgroyal-section__top{display:block}
 .sgroyal-section__top>.sgroyal-inline{margin-top:25px}
 .sgroyal-categories__grid{grid-template-columns:repeat(2,1fr)}
 .sgroyal-feature__layout{grid-template-columns:1fr;padding:78px 0}
 .sgroyal-feature__visual{grid-row:1;height:385px}
 .sgroyal-feature__copy{grid-row:2}
 .sgroyal-guide__layout{grid-template-columns:1fr;gap:30px;padding:78px 0}
 .sgroyal-guide__visual{height:370px}
 .sgroyal-steps__grid{grid-template-columns:repeat(2,1fr)}
 .sgroyal-areas__layout{grid-template-columns:1fr;gap:25px}
 .sgroyal-faq__layout{grid-template-columns:1fr;gap:30px}
 .sgroyal-last__grid{align-items:flex-start;flex-direction:column}
 .sgroyal-last__actions{flex-direction:row}
}

/* MOBILE 390px: header, 2 floating photo cards; categories 2 columns where possible */
@media(max-width:560px){
 .sgroyal-page .sgroyal-wrap{width:calc(100% - 30px)}
 .sgroyal-page h2{font-size:36px}
 .sgroyal-section{padding:66px 0}
 .sgroyal-index{font-size:11px;margin-bottom:13px!important}
 .sgroyal-topbar{font-size:10px}
 .sgroyal-topbar__inner{gap:7px;flex-wrap:nowrap}
 .sgroyal-topbar__inner>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .sgroyal-topbar a{white-space:nowrap}
 .sgroyal-header__main{min-height:67px}
 .sgroyal-brand strong{font-size:16px}
 .sgroyal-brand small{font-size:9px}
 .sgroyal-brand__sun{width:37px;height:37px;font-size:30px}
 .sgroyal-menu-toggle{font-size:12px}
 .sgroyal-nav__inner{grid-template-columns:1fr 1fr}
 .sgroyal-hero__grid{padding-top:51px;padding-bottom:85px}
 .sgroyal-kicker{font-size:11px}
 .sgroyal-hero h1{font-size:42px;line-height:1.08;margin:15px 0}
 .sgroyal-hero h1 span{font-size:27px;margin-top:8px}
 .sgroyal-hero__copy>p{font-size:14px;margin-bottom:16px}
 .sgroyal-hero__buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px}
 .sgroyal-btn{font-size:12px;padding:12px 11px;min-height:48px;white-space:normal;text-align:center;border-radius:9px;gap:7px}
 .sgroyal-hero__pills{gap:7px;font-size:10px}
 .sgroyal-hero__pills span{padding:0 7px}
 .sgroyal-hero__gallery{height:260px;max-width:400px;margin-top:12px}
 .sgroyal-hero__image--primary{height:212px;width:62%;left:7%;top:0;border-radius:15px 15px 45px 15px;transform:rotate(-3deg)}
 .sgroyal-hero__image--secondary{height:136px;width:42%;right:4%;top:90px;transform:rotate(5deg);border-radius:38px 14px 14px 14px}
 .sgroyal-hero__image figcaption{padding:12px 9px 9px;font-size:10px}
 .sgroyal-hero__gallery:before{inset:17px 20px 0;border-radius:19px}
 .sgroyal-hero__monogram{font-size:45px;top:3px}
 .sgroyal-hero__catalog{bottom:-22px;left:5%;padding:9px 13px;grid-template-columns:25px 1fr}
 .sgroyal-hero__catalog>span{font-size:20px}
 .sgroyal-hero__catalog strong{font-size:11px}
 .sgroyal-hero__catalog small{font-size:9px}
 .sgroyal-proof__grid{grid-template-columns:1fr 1fr}
 .sgroyal-proof__grid>div{padding:15px 8px;min-height:83px;gap:3px}
 
 .sgroyal-proof__grid strong{font-size:12px;line-height:1.25}
 .sgroyal-proof__grid small{font-size:10px;line-height:1.3}
 .sgroyal-section__top{margin-bottom:28px}
 .sgroyal-section__lead{font-size:14px}
 .sgroyal-categories__grid{grid-template-columns:1fr 1fr;gap:10px}
 .sgroyal-category{min-height:268px;border-radius:12px}
 .sgroyal-category__photo{height:112px}
 .sgroyal-category__body{padding:14px 11px 23px}
 
 .sgroyal-category h3{font-size:17px;margin:6px 0}
 .sgroyal-category p{font-size:11px;line-height:1.48;padding-left:0}
 .sgroyal-category__arrow{font-size:18px;bottom:9px;left:9px}
 .sgroyal-categories__bottom{font-size:12px}
 .sgroyal-feature__layout{padding:62px 0;gap:25px}
 .sgroyal-feature__visual{height:265px;border-radius:15px 38px 15px 15px}
 .sgroyal-feature__mark{bottom:12px;left:10px;font-size:10px;padding:10px 13px}
 .sgroyal-feature__copy>p:not(.sgroyal-index){font-size:14px;margin:15px 0}
 .sgroyal-feature__copy li{flex-direction:column;gap:4px;font-size:12px}
 .sgroyal-feature__copy li span{font-size:12px}
 .sgroyal-problems__grid{grid-template-columns:1fr 1fr;gap:10px}
 .sgroyal-problem__visual{height:120px}
 .sgroyal-problem__icon{width:30px;height:30px;right:7px;bottom:7px;font-size:15px}
 .sgroyal-problem__body{padding:13px 12px 17px;min-height:220px}
 .sgroyal-problem h3{font-size:16px;margin:7px 0}
 .sgroyal-problem p{font-size:11px;line-height:1.56}
 .sgroyal-problem a{font-size:11px}
 .sgroyal-problems__note{display:grid;gap:8px;font-size:12px;padding:17px}
 .sgroyal-problems__note strong{font-size:13px}
 .sgroyal-problems__note a{justify-self:start}
 .sgroyal-guide__layout{padding:65px 0}
 .sgroyal-guide__copy>p:not(.sgroyal-index){font-size:14px;margin:15px 0}
 .sgroyal-guide__visual{height:260px;border-radius:45px 13px 13px 13px}
 .sgroyal-guide__tags span{font-size:10px;padding:7px 10px}
 .sgroyal-steps__grid{grid-template-columns:1fr 1fr;gap:9px;margin-top:30px}
 .sgroyal-steps__grid article{padding:19px 14px;min-height:205px}
 .sgroyal-steps__grid article>span{font-size:32px}
 .sgroyal-steps__grid h3{font-size:17px}
 .sgroyal-steps__grid p{font-size:11px}
 .sgroyal-areas__layout{padding:67px 0}
 .sgroyal-areas__text>p:not(.sgroyal-index){font-size:14px;margin:18px 0}
 .sgroyal-areas__panel{padding:20px;border-radius:16px}
 .sgroyal-areas__panelhead{align-items:flex-start}
 .sgroyal-areas__panelhead>span{font-size:10px}
 .sgroyal-areas__panelhead>strong{font-size:14px}
 .sgroyal-areas__chips{grid-template-columns:repeat(2,1fr);gap:7px}
 .sgroyal-areas__chips span{font-size:12px;padding:9px}
 .sgroyal-areas__panel>p{font-size:10px}
 .sgroyal-faq__intro>p:not(.sgroyal-index){font-size:14px;margin:13px 0}
 .sgroyal-faq__items summary{font-size:14px;padding:17px 3px;gap:11px}
 .sgroyal-faq__items details>p{padding:0 14px 16px 8px;font-size:12px}
 .sgroyal-last{padding:65px 0}
 .sgroyal-last__grid>div:first-child>span{font-size:14px}
 .sgroyal-last__actions{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:8px}
 .sgroyal-footer{padding:44px 0 19px}
 .sgroyal-footer__grid{grid-template-columns:1fr 1fr;gap:27px}
 .sgroyal-footer__grid>div:first-child{grid-column:1/-1}
 .sgroyal-footer__grid strong{font-size:19px}
 .sgroyal-footer__grid h3{font-size:15px}
 .sgroyal-footer__grid a{font-size:12px}
 .sgroyal-footer__bottom{flex-direction:column;gap:8px;font-size:10px;margin-top:32px}
}
@media(prefers-reduced-motion:reduce){.sgroyal-page *,html{animation:none!important;transition:none!important;scroll-behavior:auto!important;transform:none!important}}
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}


/* SOLAR GEDERA • refined premium design. Styling only, no section rebuild. */
:root{
 --sg-ink:#082B42;--sg-navy:#082B42;--sg-night:#061F30;
 --sg-sun:#FFBD2E;--sg-green:#00ADA5;--sg-green-ink:#007D77;
 --sg-cream:#F4F8FA;--sg-white:#FFFFFF;--sg-muted:#526C79;
 --sg-line:#D9E7EA;
}
.sgroyal-page{background:#F4F8FA}
.sgroyal-topbar{background:#061F30}
.sgroyal-topbar a{color:#FFCF5A}
.sgroyal-header{box-shadow:0 12px 40px rgba(8,43,66,.11)}
.sgroyal-brand__sun{background:linear-gradient(135deg,#FFF6DB,#FFDB78);color:#95600A;box-shadow:0 5px 20px #D3A84A35}
.sgroyal-quicksearch{background:#F3F8FA;border-color:#CFE2E6;transition:border-color .25s,box-shadow .25s,transform .25s}
.sgroyal-quicksearch:hover{border-color:#00ADA5;box-shadow:0 8px 24px #007D7720;transform:translateY(-1px)}
.sgroyal-quicksearch strong,.sgroyal-nav__inner a:hover,.sgroyal-nav__inner .sgroyal-nav__featured{color:#007D77}
.sgroyal-header__phone{background:#082B42;box-shadow:0 7px 20px #082B4227}
.sgroyal-header__wa{background:#DDF9F2;color:#006E59}
.sgroyal-hero{background:radial-gradient(ellipse at 8% 11%,#1671888c,transparent 40%),linear-gradient(119deg,#061E30 5%,#082B42 61%,#14576C 100%)}
.sgroyal-hero:before{border-color:#FFBD2E33;box-shadow:0 0 0 70px #FFFFFF04,0 0 0 142px #FFFFFF03}
.sgroyal-hero__gallery:before{background:radial-gradient(ellipse at 60% 40%,#00ADA529,transparent 72%);border-color:#FFFFFF44}
.sgroyal-hero__image{box-shadow:0 28px 65px #001B30a6;transition:box-shadow .3s var(--sg-ease),filter .3s var(--sg-ease)}
.sgroyal-hero__image:hover{filter:saturate(1.12) contrast(1.06);box-shadow:0 32px 77px #001B30d6}
.sgroyal-hero__image img{transition:transform .5s var(--sg-ease)}
.sgroyal-hero__image:hover img{transform:scale(1.04)}
.sgroyal-hero h1 span{color:#FFD16B}
.sgroyal-hero__copy>p{color:#E5F1F5}
.sgroyal-hero__pills span{border-color:#FFFFFF50}
.sgroyal-hero__catalog{border:1px solid #FFF5D8;box-shadow:0 24px 50px #001E32A0;transition:transform .3s var(--sg-ease),box-shadow .3s}
.sgroyal-hero__catalog:hover{transform:rotate(0) translateY(-5px);box-shadow:0 28px 55px #001E32}
.sgroyal-hero__catalog>span{color:#BB7600}
.sgroyal-hero__insight{position:absolute;top:36px;right:0;width:236px;padding:16px 17px;display:flex;gap:11px;align-items:flex-start;background:#FFFFFFEF;color:#082B42;border:1px solid #FFFFFF;box-shadow:0 18px 50px #00263D91;border-radius:17px 17px 5px 17px;backdrop-filter:blur(14px);z-index:4;transform:rotate(2deg)}
.sgroyal-hero__insight-mark{display:grid;place-items:center;flex:0 0 31px;width:31px;height:31px;border-radius:9px;background:#FFEDC0;color:#986009;font-size:21px}
.sgroyal-hero__insight strong{font-size:13px;font-weight:900}
.sgroyal-hero__insight p{font-size:12px;line-height:1.5;color:#3F626B;margin-top:3px}
.sgroyal-btn{transition:transform .25s var(--sg-ease),background .25s,box-shadow .25s,border-color .25s;box-shadow:0 7px 18px #082B4217}
.sgroyal-btn:active{transform:translateY(1px) scale(.985);box-shadow:0 2px 9px #082B4224}
.sgroyal-btn--gold{background:#FFBD2E;color:#09293A;box-shadow:0 12px 31px #C8872B55}
.sgroyal-btn--gold:hover{background:#FFCE5C;box-shadow:0 16px 36px #C8872B75}
.sgroyal-btn--dark{background:#082B42;box-shadow:0 10px 26px #082B4233}
.sgroyal-btn--dark:hover{background:#005C69;box-shadow:0 17px 37px #005C6950}
.sgroyal-proof{box-shadow:0 12px 35px #082B4209}
.sgroyal-proof__grid>div{transition:background .25s,box-shadow .25s;padding-inline:21px}
.sgroyal-proof__grid>div:hover{background:#EFFBFA;box-shadow:inset 0 -3px #00ADA5}
.sgroyal-proof__grid strong{font-size:15px;color:#082B42}
.sgroyal-proof__grid small{color:#526C79}
.sgroyal-section{background:#F4F8FA}
.sgroyal-index{color:#007D77;letter-spacing:.03em}
.sgroyal-inline{color:#007D77;border-bottom-color:#00ADA58F;transition:color .2s,border-color .2s,transform .2s}
.sgroyal-inline:hover{color:#005D60;border-bottom-color:#005D60;transform:translateX(-4px)}
.sgroyal-page h2 em{color:#007D77}

/* Product-card finishing carried into service cards, with a large editorial first tile. */
.sgroyal-categories__grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:row dense;align-items:stretch;gap:19px}
.sgroyal-category{background:#fff;border:1px solid #D9E6EA;box-shadow:0 12px 31px #082B4210,0 2px 5px #082B4207;border-radius:19px;min-height:330px;position:relative;isolation:isolate}
.sgroyal-category:before{content:"";position:absolute;inset:-1px;pointer-events:none;border:1px solid transparent;border-radius:inherit;z-index:2;transition:border-color .28s,box-shadow .28s}
.sgroyal-category:hover{transform:translateY(-7px);box-shadow:0 22px 49px #082B4229,0 3px 12px #00ADA515}
.sgroyal-category:hover:before,.sgroyal-category:focus-visible:before{border-color:#00ADA5;box-shadow:inset 0 0 0 1px #00ADA534}
.sgroyal-category__photo{height:176px}
.sgroyal-category__photo:after{background:linear-gradient(0deg,#082B421F,transparent 68%)}
.sgroyal-category__photo img{transition:transform .55s var(--sg-ease),filter .5s var(--sg-ease)}
.sgroyal-category:hover .sgroyal-category__photo img{transform:scale(1.065);filter:saturate(1.07)}
.sgroyal-category__body{padding:21px 23px 27px}
.sgroyal-category h3{font-size:24px}
.sgroyal-category p{font-size:14px;color:#526C79}
.sgroyal-category__arrow{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#E7F9F7;color:#007D77;transition:background .22s,transform .22s,color .22s}
.sgroyal-category:hover .sgroyal-category__arrow{background:#00ADA5;color:#fff;transform:translateX(-4px)}
.sgroyal-category:first-child{grid-column:span 2;display:grid;grid-template-columns:1.1fr .9fr;min-height:334px;background:#FFFFFF}
.sgroyal-category:first-child .sgroyal-category__photo{height:100%;min-height:334px;grid-column:2;grid-row:1}
.sgroyal-category:first-child .sgroyal-category__body{grid-column:1;grid-row:1;padding:37px 35px 34px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(140deg,#FFFFFF,#EAF8F8)}
.sgroyal-category:first-child h3{font-size:32px}
.sgroyal-category:first-child p{font-size:15px;line-height:1.85;max-width:310px}
.sgroyal-category:nth-child(3){background:#ECFBF9}
.sgroyal-category:nth-child(5){background:#FFF8E9}
.sgroyal-category:nth-child(4) .sgroyal-category__photo{height:185px}
.sgroyal-categories__bottom a{color:#007D77}

/* Editorial image panels */
.sgroyal-feature__visual{box-shadow:0 21px 49px #082B421B;transition:box-shadow .3s}
.sgroyal-feature__visual:hover{box-shadow:0 26px 56px #082B422E}
.sgroyal-feature__visual img,.sgroyal-guide__visual img{transition:transform .7s var(--sg-ease)}
.sgroyal-feature__visual:hover img,.sgroyal-guide__visual:hover img{transform:scale(1.045)}
.sgroyal-feature__mark{background:#082B42DF;border-color:#FFFFFFA6}
.sgroyal-feature__copy li{transition:background .2s;padding:13px 9px;border-radius:9px}
.sgroyal-feature__copy li:hover{background:#EAF8F7}
.sgroyal-feature__copy ol{gap:2px}
.sgroyal-problems{background:linear-gradient(170deg,#EDF7F9,#F4F8FA 60%,#EFF8F5)}
.sgroyal-problems__grid{gap:20px}
.sgroyal-problem{border:1px solid #D3E4E7;border-radius:19px;background:#FFFFFF;box-shadow:0 11px 31px #082B4211;position:relative;overflow:hidden;transition:transform .28s var(--sg-ease),box-shadow .28s,border-color .28s,background .28s}
.sgroyal-problem:hover{border-color:#7BCFCB;transform:translateY(-5px);box-shadow:0 22px 46px #082B4226}
.sgroyal-problem.is-selected{border-color:#00ADA5;background:#F0FFFB;box-shadow:0 18px 37px #00ADA52C,inset 0 0 0 1px #00ADA57A}
.sgroyal-problem__visual{height:180px}
.sgroyal-problem__icon{background:#FFBD2E;color:#082B42;box-shadow:0 5px 16px #082B4245;transition:transform .22s}
.sgroyal-problem:hover .sgroyal-problem__icon{transform:translateY(-4px) rotate(-6deg)}
.sgroyal-problem__body{min-height:250px}
.sgroyal-problem__body p{color:#526C79}
.sgroyal-problem__actions{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin-top:13px}
.sgroyal-problem__select{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;cursor:pointer;border:1px solid #BBE5E1;border-radius:10px;background:#E8F8F6;color:#006F6C;font-size:13px;font-weight:850;padding:9px 12px;transition:background .2s,border-color .2s,transform .2s,color .2s}
.sgroyal-problem__select:hover{background:#D6F7F2;border-color:#00ADA5}
.sgroyal-problem__select:active{transform:scale(.985)}
.sgroyal-problem__select[aria-pressed="true"]{background:#082B42;border-color:#082B42;color:#FFFFFF}
.sgroyal-problem__select span{font-size:16px;transition:transform .2s}
.sgroyal-problem__select:hover span{transform:translate(-3px,-2px)}
.sgroyal-problem__actions>a{font-size:12px;font-weight:800;color:#007D77;margin:0;align-self:flex-start;transition:transform .2s}
.sgroyal-problem__actions>a:hover{transform:translateX(-4px)}
.sgroyal-diagnostic-result{margin-top:23px;padding:21px 25px;display:flex;gap:18px;align-items:center;background:#082B42;border-radius:19px;color:#FFFFFF;box-shadow:0 14px 42px #082B4229;transition:box-shadow .3s,background .3s}
.sgroyal-diagnostic-result.is-updated{background:#09566A;box-shadow:0 18px 43px #00ADA532}
.sgroyal-diagnostic-result__icon{display:grid;place-items:center;flex:0 0 52px;width:52px;height:52px;border-radius:15px;background:#FFBD2E;color:#082B42;font-size:28px}
.sgroyal-diagnostic-result__text{flex:1;min-width:0}
.sgroyal-diagnostic-result__text>span{display:block;font-size:12px;color:#FFCF69;font-weight:800}
.sgroyal-diagnostic-result__text h3{font-size:23px;margin:4px 0 3px}
.sgroyal-diagnostic-result__text p{font-size:14px;line-height:1.65;color:#E1F1F1}
.sgroyal-diagnostic-result__link{display:inline-flex;gap:15px;align-items:center;justify-content:center;flex:0 0 auto;border:1px solid #FFFFFF88;border-radius:10px;padding:13px 17px;font-size:13px;font-weight:850;color:#FFFFFF;transition:background .22s,transform .22s}
.sgroyal-diagnostic-result__link:hover{background:#FFFFFF22;transform:translateY(-2px)}
.sgroyal-problems__note{box-shadow:0 8px 28px #082B420D;border-color:#D4E8EA}
.sgroyal-problems__note a{color:#006F6B}
.sgroyal-guide{background:linear-gradient(117deg,#082B42,#10485A)}
.sgroyal-guide__visual{box-shadow:0 21px 55px #061C2A70}
.sgroyal-guide__tags span{transition:background .2s,border-color .2s}
.sgroyal-guide__tags span:hover{background:#FFFFFF23;border-color:#00ADA5}
.sgroyal-steps__grid article{background:#FFFFFF;border-color:#DCE9EB;border-radius:18px;box-shadow:0 10px 28px #082B420A;transition:transform .26s,box-shadow .26s,border-color .26s}
.sgroyal-steps__grid article:hover{transform:translateY(-5px);box-shadow:0 19px 37px #082B421C;border-color:#00ADA5}
.sgroyal-steps__grid article:first-child{background:#082B42}
.sgroyal-steps__grid article>span{color:#008A84}
.sgroyal-steps__grid article:first-child>span{color:#FFBD2E}
.sgroyal-areas{background:linear-gradient(118deg,#061F30,#082B42 65%,#115B6C)}
.sgroyal-areas__panel{border-color:#FFFFFF;box-shadow:0 27px 67px #001824A8}
.sgroyal-areas__chips span{transition:background .2s,transform .2s;border-color:#D4E8E8}
.sgroyal-areas__chips span:hover{background:#E0F7F2;transform:translateY(-3px)}
.sgroyal-faq{background:#FFFFFF}
.sgroyal-faq__items details{border-color:#D6E6E9}
.sgroyal-faq__items summary{transition:background .25s,color .25s,padding .25s;border-radius:11px}
.sgroyal-faq__items summary:hover{background:#F2FBFB;padding-inline:11px;color:#006F6B}
.sgroyal-faq__items details[open] summary{color:#007D77}
.sgroyal-faq__items summary b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#E5F8F6;color:#007D77}
.sgroyal-faq__items details[open] summary b{background:#00ADA5;color:#FFFFFF}
@supports selector(details::details-content){
 .sgroyal-faq__items details::details-content{block-size:0;overflow:hidden;opacity:0;transition:block-size .32s ease,opacity .32s ease,content-visibility .32s ease}
 .sgroyal-faq__items details[open]::details-content{block-size:auto;opacity:1}
}
.sgroyal-last{background:radial-gradient(circle at 15% 22%,#11758A,transparent 29%),#082B42}
.sgroyal-last__actions .sgroyal-btn{box-shadow:0 10px 29px #001B2D5A}
.sgroyal-footer{background:#061F30}

/* Desktop: visually varied tiles with full image presence */
@media(min-width:851px){
 .sgroyal-categories__grid .sgroyal-category:first-child{grid-column:span 2}
 .sgroyal-categories__grid .sgroyal-category:first-child .sgroyal-category__photo{border-radius:0}
 .sgroyal-category:nth-child(3) .sgroyal-category__body{background:linear-gradient(145deg,#FFFFFF,#EDFBF8)}
}
@media(min-width:561px) and (max-width:850px){
 .sgroyal-category:first-child{grid-column:span 2}
 .sgroyal-category:first-child .sgroyal-category__photo{height:100%;min-height:330px}
 .sgroyal-problem__body{min-height:270px}
 .sgroyal-diagnostic-result{flex-wrap:wrap}
}
@media(max-width:850px){
 .sgroyal-hero__insight{top:9px;right:2%;width:218px;transform:rotate(1deg)}
 .sgroyal-hero__insight p{font-size:11px}
 .sgroyal-categories__grid{gap:13px}
 .sgroyal-problems__grid{gap:13px}
}
@media(max-width:560px){
 .sgroyal-hero__insight{top:4px;right:0;width:157px;padding:9px;gap:6px;border-radius:10px}
 .sgroyal-hero__insight-mark{width:24px;height:24px;flex-basis:24px;font-size:16px}
 .sgroyal-hero__insight strong{font-size:10px}
 .sgroyal-hero__insight p{font-size:9px;line-height:1.4}
 .sgroyal-hero__catalog{z-index:6}
 .sgroyal-category:first-child{grid-column:span 2;display:grid;grid-template-columns:.95fr 1.05fr;min-height:210px}
 .sgroyal-category:first-child .sgroyal-category__photo{height:100%;min-height:210px;grid-column:2}
 .sgroyal-category:first-child .sgroyal-category__body{grid-column:1;padding:18px 14px}
 .sgroyal-category:first-child h3{font-size:20px}
 .sgroyal-category:first-child p{font-size:12px;line-height:1.6}
 .sgroyal-category__photo{height:128px}
 .sgroyal-category__body{padding:12px 12px 26px}
 .sgroyal-category h3{font-size:17px}
 .sgroyal-category p{font-size:11px}
 .sgroyal-category__arrow{width:27px;height:27px;font-size:17px}
 .sgroyal-category:nth-child(3){background:#EAFBF8}
 .sgroyal-problem__body{min-height:266px}
 .sgroyal-problem__visual{height:132px}
 .sgroyal-problem__actions{gap:8px;margin-top:10px}
 .sgroyal-problem__select{font-size:11px;padding:8px 9px}
 .sgroyal-problem__select span{font-size:13px}
 .sgroyal-problem__actions>a{font-size:10px}
 .sgroyal-diagnostic-result{padding:17px 15px;gap:10px;border-radius:15px;align-items:flex-start;flex-wrap:wrap}
 .sgroyal-diagnostic-result__icon{flex-basis:39px;width:39px;height:39px;font-size:23px;border-radius:10px}
 .sgroyal-diagnostic-result__text{flex-basis:calc(100% - 52px)}
 .sgroyal-diagnostic-result__text h3{font-size:18px}
 .sgroyal-diagnostic-result__text p{font-size:12px}
 .sgroyal-diagnostic-result__link{margin-inline-start:auto;font-size:11px;padding:10px 12px}
 .sgroyal-steps__grid article{min-height:200px}
 .sgroyal-faq__items summary:hover{padding-inline:5px}
}
@media(prefers-reduced-motion:reduce){
 .sgroyal-page *, .sgroyal-page *:before,.sgroyal-page *:after{animation:none!important;transition:none!important;transform:none!important;scroll-behavior:auto!important}
}

/* Two-column mobile services, not compressed into three miniature columns. */
@media(max-width:560px){
 .sgroyal-categories__grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row}
 .sgroyal-category:first-child{grid-column:span 2}
 .sgroyal-category{min-width:0}
 .sgroyal-category__body{min-width:0}
 .sgroyal-problem{cursor:pointer}
}