/* MR CEYLON Client Care / Buying Guide / Buyer Protection — four approved themes */
:root{--info-bg:#071b1e;--info-ink:#f6eee3;--info-muted:#aebec4;--info-gold:#d4b583;--info-edge:rgba(219,185,131,.31);--info-glass:rgba(13,33,38,.65)}
body{margin:0;background:var(--info-bg);color:var(--info-ink);font-family:'DM Sans',Arial,sans-serif}
body[data-theme="A"]{--info-bg:#f1ebe2;--info-ink:#211f1d;--info-muted:#575b5d;--info-gold:#a17f52;--info-edge:rgba(125,100,67,.26);--info-glass:rgba(255,255,255,.69)}
body[data-theme="B"]{--info-bg:#061827;--info-ink:#f5efe6;--info-muted:#b2c3d1;--info-gold:#c4a677;--info-edge:rgba(191,171,124,.30);--info-glass:rgba(19,38,55,.66)}
body[data-theme="C"]{--info-bg:#052a22;--info-ink:#f7f1e3;--info-muted:#c1c8ba;--info-gold:#cbb079;--info-edge:rgba(210,181,121,.30);--info-glass:rgba(16,59,45,.68)}
body[data-theme="D"]{--info-bg:#0a0e12;--info-ink:#eeeef0;--info-muted:#b4babe;--info-gold:#cececb;--info-edge:rgba(192,193,194,.30);--info-glass:rgba(26,32,39,.68)}
.info-notice{padding:7px 10px;text-align:center;font-size:9px;letter-spacing:.13em;line-height:1.6;color:var(--info-muted);background:rgba(0,0,0,.20)}
.info-header{position:sticky;top:0;z-index:25;background:var(--info-glass);border-bottom:1px solid var(--info-edge);backdrop-filter:blur(20px)}
.info-nav,.info-wrap{max-width:1180px;margin:auto;padding-left:clamp(19px,5vw,38px);padding-right:clamp(19px,5vw,38px)}
.info-nav{min-height:85px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.info-logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--info-ink)}
.info-logo .mark{color:var(--info-gold);font:35px Georgia,serif}
.info-logo b{display:block;font:400 27px 'Playfair Display',Georgia,serif;letter-spacing:.13em;white-space:nowrap}
.info-logo small{font:italic 10px Georgia,serif;letter-spacing:.09em;color:var(--info-muted)}
.info-links{display:flex;align-items:center;gap:21px;flex-wrap:wrap}
.info-links a{font-size:11px;text-decoration:none;color:var(--info-ink);opacity:.88}
.info-links a:hover{color:var(--info-gold)}
.info-head{min-height:410px;padding:95px 0 80px;position:relative;overflow:hidden;isolation:isolate}
.info-head::before{content:"";position:absolute;inset:0;z-index:-2;background-image:linear-gradient(90deg,var(--info-bg),transparent 92%),var(--info-photo);background-size:cover;background-position:center}
.info-head::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--info-bg) 0,rgba(0,12,19,.54) 65%,rgba(0,10,14,.22) 100%);opacity:.84}
body[data-theme="A"] .info-head::after{background:linear-gradient(90deg,rgba(247,239,226,.92),rgba(240,231,219,.64),rgba(29,29,27,.12))}
.info-eyebrow{text-transform:uppercase;font-size:10px;letter-spacing:.20em;font-weight:700;color:var(--info-gold)}
.info-head h1{font:400 clamp(43px,6.1vw,78px)/1.06 'Playfair Display',Georgia,serif;max-width:740px;margin:20px 0}
.info-head h1 em{font-weight:400;color:var(--info-gold)}
.info-head p{max-width:660px;font-size:14px;line-height:1.8;color:var(--info-muted)}
.info-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;gap:14px;border:1px solid var(--info-gold);border-radius:7px;padding:12px 20px;color:var(--info-bg);background:var(--info-gold);font:600 12px 'DM Sans',Arial,sans-serif;text-decoration:none;cursor:pointer}
.info-button.secondary{background:var(--info-glass);color:var(--info-ink)}
.info-button:hover{filter:brightness(1.08)}
.info-button:focus-visible,.info-links a:focus-visible{outline:2px solid var(--info-gold);outline-offset:4px}
.info-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:26px}
.info-section{padding:clamp(58px,7vw,93px) 0;border-top:1px solid var(--info-edge)}
.info-section.alt{background:radial-gradient(ellipse at 90% 10%,rgba(76,101,91,.14),transparent 65%)}
.info-section h2{font:400 clamp(29px,4.1vw,48px)/1.16 'Playfair Display',Georgia,serif;margin:12px 0 22px}
.info-section p{color:var(--info-muted);font-size:13px;line-height:1.8}
.info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.info-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.info-card{border:1px solid var(--info-edge);border-radius:13px;padding:clamp(20px,3vw,28px);background:var(--info-glass);backdrop-filter:blur(16px);box-shadow:0 13px 37px rgba(0,0,0,.08)}
.info-card .num{font-size:11px;color:var(--info-gold);font-weight:700;letter-spacing:.14em}
.info-card h3{font:400 25px/1.16 'Playfair Display',Georgia,serif;margin:18px 0 10px}
.info-card p{font-size:12px;line-height:1.72;margin-bottom:10px}
.info-card a{font-size:12px;color:var(--info-gold);text-decoration:none}
.info-card ul{padding-left:17px;color:var(--info-muted);font-size:12px;line-height:1.9}
.info-detail{border-bottom:1px solid var(--info-edge);padding:17px 0}
.info-detail summary{cursor:pointer;font:400 18px 'Playfair Display',Georgia,serif;line-height:1.5}
.info-detail p{margin:12px 0 4px}
.info-band{display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid var(--info-edge);border-radius:15px;background:var(--info-glass);backdrop-filter:blur(18px);padding:30px;margin-top:30px}
.info-band h3{font:400 29px 'Playfair Display',Georgia,serif;margin:0 0 8px}
.info-band p{margin:0;max-width:630px}
.info-important{border-left:2px solid var(--info-gold);padding:10px 19px;background:var(--info-glass);margin:24px 0;color:var(--info-muted);font-size:12px;line-height:1.8}
.info-footer{border-top:1px solid var(--info-edge);background:rgba(0,0,0,.13);padding:37px 0}
.info-footer .info-wrap{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.info-footer p{font-size:11px;max-width:460px;line-height:1.7;color:var(--info-muted)}
.info-footer nav{display:flex;gap:14px;flex-wrap:wrap}
.info-footer a{font-size:11px;color:var(--info-ink);text-decoration:none}
.info-footer a:hover{color:var(--info-gold)}
@media(max-width:860px){.info-links{gap:10px}.info-links a{font-size:10px}.info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.info-nav{min-height:72px}.info-logo .mark{font-size:24px}.info-logo b{font-size:18px}.info-logo small{font-size:8px}.info-links a:not(.essential){display:none}.info-head{min-height:370px;padding:68px 0}.info-grid,.info-grid.two{grid-template-columns:1fr}.info-band{display:block;padding:22px}.info-band .info-button{margin-top:20px}.info-footer .info-wrap{display:block}.info-footer nav{margin-top:20px}}