/* REDCOWEB 2026 | Industries full-viewport showroom & shared public navigation.
 * This stylesheet loads AFTER legacy CSS. Keeps product configuration JS intact.
 */
:root{--r5-page-gutter:clamp(18px,3.75vw,86px);--r5-teal:#0b7986;--r5-navy:#173643;--r5-ease:cubic-bezier(.2,.82,.25,1)}
body:has(#main) .site-header{
  width:calc(100% - clamp(26px,4.6vw,100px));
  max-width:none;margin:10px auto -2px;top:8px;
  border-radius:16px;border:1px solid rgba(217,230,232,.95);
  position:sticky;z-index:1000;background:rgba(255,255,255,.96);
  -webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);
  box-shadow:0 13px 47px -35px rgba(29,76,91,.32);
}
body:has(#main) .site-header .header-inner{
  box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;
  gap:clamp(7px,1vw,20px);width:calc(100% - clamp(20px,3vw,58px));
  max-width:none;margin-inline:auto;min-width:0;padding-inline:0;
}
body:has(#main) .site-header .rw-header-brand{
  flex:0 0 auto;min-width:0;max-width:245px;gap:6px!important;
  text-decoration:none;white-space:nowrap;
}
body:has(#main) .site-header .rw-header-logo{
  width:clamp(60px,4vw,77px);height:53px;max-width:none;object-fit:contain;
}
body:has(#main) .site-header .rv4-brand-text{
  display:flex;flex-direction:column;gap:4px;font:900 14px/1.15 Arial,sans-serif;
  color:var(--r5-navy);letter-spacing:-.025em;
}
body:has(#main) .site-header .rv4-brand-text small{
  font-family:inherit;font-size:9px;letter-spacing:0;font-weight:600;
  color:#71878c;line-height:1.35;
}
body:has(#main) .site-header .main-nav{
  display:flex;flex:1 1 auto;min-width:0;max-width:none;
  align-items:center;justify-content:center;gap:clamp(2px,.58vw,13px);
  margin:0;white-space:nowrap;
}
body:has(#main) .site-header .main-nav a{
  display:inline-flex;align-items:center;justify-content:center;
  flex:0 0 auto;font-size:clamp(10px,.72vw,13px);line-height:1.5;
  font-weight:750;padding:9px clamp(3px,.32vw,7px);margin:0;
  white-space:nowrap;transition:color .2s ease;
}
body:has(#main) .site-header .main-nav a:hover{color:var(--r5-teal)}
body:has(#main) .site-header .main-nav .rw-game-link{display:none}
body:has(#main) .site-header .header-actions{
  display:flex;flex:0 0 auto;align-items:center;gap:clamp(5px,.7vw,14px);
  width:auto;min-width:0;margin:0;
}
body:has(#main) .site-header .rw-header-phone{display:none}
body:has(#main) .site-header .public-locales{
  display:flex;align-items:center;gap:3px;white-space:nowrap
}
body:has(#main) .site-header .public-locales a{
  min-width:27px;min-height:30px;padding:4px;font-size:10px
}
body:has(#main) .site-header .header-cta{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:39px;padding:9px 15px;border-radius:10px;
  background:linear-gradient(130deg,#0b7383,#095b6a);
  font-size:11px;font-weight:800;white-space:nowrap;color:#fff;
  box-shadow:0 9px 20px -10px rgba(4,97,114,.5);
}
body:has(#main) .site-header .mobile-menu{display:none}
body:has(.rahkar-page) #main{width:100%;max-width:none;overflow:clip}
.rahkar-page{width:100%;max-width:100%;overflow:clip;background:#fff}
.rahkar-page .rahkar-shell,
.rahkar-page .rwt-showcase .rahkar-shell,
.rahkar-page .rc206-section .rahkar-shell{
  width:calc(100% - 2 * var(--r5-page-gutter))!important;
  max-width:none!important;margin-inline:auto!important;padding-inline:0;
}
/* Editorial portrait try-on room: full-bleed background, large active products. */
.rahkar-page .rwt-showcase{
  position:relative;isolation:isolate;width:100%;
  padding:clamp(70px,6vw,130px) 0 clamp(70px,6.5vw,140px);
  background:radial-gradient(circle at 2% 24%,rgba(226,209,179,.24),transparent 33%),
             radial-gradient(ellipse at 100% 86%,rgba(183,218,216,.24),transparent 38%),
             linear-gradient(135deg,#fbfaf7 0%,#f6f8f7 47%,#f8faf9 100%);
}
.rahkar-page .rwt-showcase::before{
  content:"";position:absolute;pointer-events:none;z-index:-1;left:-8%;top:5%;
  height:85%;width:min(25vw,410px);opacity:.1;
  background:url('/media/persepolis/persepolis-column.png') bottom/contain no-repeat;
}
.rahkar-page .rwt-section-heading{max-width:950px;margin-bottom:clamp(32px,3.3vw,63px)}
.rahkar-page .rwt-section-heading h2{font-size:clamp(31px,2.8vw,53px);line-height:1.52}
.rahkar-page .rwt-section-heading p{font-size:clamp(13px,1vw,17px)}
.rahkar-page .rwt-showroom-grid{
  width:100%;max-width:none;margin:0;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(18px,1.8vw,35px);align-items:stretch;
}
.rahkar-page .rwt-experience{
  min-width:0;padding:clamp(20px,1.7vw,35px);
  border-radius:clamp(20px,1.9vw,33px);
  background:rgba(255,255,255,.96);
  box-shadow:0 34px 90px -63px rgba(27,71,74,.46);
  border:1px solid #dfeae9;
  transition:box-shadow .45s var(--r5-ease),translate .45s var(--r5-ease),border-color .3s;
}
.rahkar-page .rwt-experience.rwt-jewelry{background:linear-gradient(145deg,#fffdf9,#fffaf2);border-color:#eadfd0}
@media(hover:hover){
  .rahkar-page .rwt-experience:hover{
    translate:0 -5px;box-shadow:0 38px 90px -57px rgba(29,74,77,.32);border-color:#a9cfd0;
  }
}
.rahkar-page .rwt-experience-heading{min-height:clamp(112px,7vw,155px);gap:20px}
.rahkar-page .rwt-experience-heading h3{font-size:clamp(19px,1.45vw,29px)}
.rahkar-page .rwt-experience-heading p{font-size:clamp(11px,.83vw,16px);max-width:540px}
.rahkar-page .rwt-interaction-grid{
  grid-template-columns:minmax(0,1fr) minmax(0,1.07fr);
  gap:clamp(15px,1.2vw,28px);min-height:0;flex:1;
}
.rahkar-page .rwt-model-stage{
  width:100%;min-height:clamp(470px,33.5vw,685px);max-height:none;
  border-radius:clamp(18px,1.35vw,25px);box-shadow:0 15px 38px -32px rgba(34,76,80,.3);
}
.rahkar-page .rwt-fashion-stage{background:linear-gradient(140deg,#e4e8e7,#dce2e0)}
.rahkar-page .rwt-jewelry-stage{background:linear-gradient(140deg,#eee9df,#e0d9ce)}
.rahkar-page .rwt-real-fashion-model{object-fit:cover;object-position:center}
.rahkar-page .rwt-jewelry-model{object-fit:cover;object-position:center}
.rahkar-page .rwt-picker{gap:clamp(17px,1.6vw,31px)}
.rahkar-page .rwt-group h4{font-size:clamp(12px,.85vw,16px);margin-bottom:14px}
.rahkar-page .rwt-products{gap:clamp(7px,.7vw,14px)}
.rahkar-page .rwt-choice{min-height:clamp(112px,7.3vw,160px);border-radius:15px;padding:11px 7px}
.rahkar-page .rwt-choice img{height:clamp(68px,5vw,98px)}
.rahkar-page .rwt-choice span{font-size:clamp(9px,.65vw,13px)}
.rahkar-page .rwt-jewelry-products{gap:clamp(10px,.8vw,17px)}
.rahkar-page .rwt-jewel-choice{min-height:clamp(148px,10.2vw,200px)}
.rahkar-page .rwt-jewel-choice img{height:clamp(102px,7.5vw,150px)}
.rahkar-page .rwt-experience-footer{margin-top:23px;padding-top:20px}
.rahkar-page .rwt-experience-footer>span,
.rahkar-page .rwt-experience-footer a{font-size:clamp(10px,.73vw,13px)}
/* Peugeot configurator: one immersive full-width studio rather than a narrow central card. */
.rahkar-page .rc206-section{
  position:relative;isolation:isolate;width:100%;
  padding:clamp(74px,6.5vw,145px) 0 clamp(80px,8vw,165px);
  background:radial-gradient(ellipse at 82% 27%,rgba(189,216,228,.32),transparent 51%),
             radial-gradient(ellipse at 8% 92%,rgba(206,220,222,.3),transparent 37%),
             linear-gradient(138deg,#f9fbfc,#eaf1f5 75%,#f6f9fa);
}
.rahkar-page .rc206-section::before{
  content:"";position:absolute;pointer-events:none;z-index:-1;
  left:-6%;bottom:0;width:min(26vw,430px);height:80%;opacity:.075;
  background:url('/media/persepolis/persepolis-column.png') left bottom/contain no-repeat;
}
.rahkar-page .rc206-heading{max-width:1040px;margin-bottom:clamp(27px,3vw,58px)}
.rahkar-page .rc206-heading h2{font-size:clamp(32px,3vw,55px)}
.rahkar-page .rc206-heading p{font-size:clamp(13px,.97vw,17px)}
.rahkar-page .rc206-layout{
  width:100%;max-width:none!important;margin:0;
  grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr);
  gap:clamp(19px,2vw,43px);align-items:start;
}
.rahkar-page .rc206-visual-panel,
.rahkar-page .rc206-config-panel{
  width:100%;min-width:0;padding:clamp(18px,1.6vw,31px);
  border-radius:clamp(20px,1.7vw,32px);
  border:1px solid #d9e5e9;
  box-shadow:0 32px 85px -60px rgba(34,76,98,.36);
}
.rahkar-page .rc206-visual-panel{top:90px;background:linear-gradient(135deg,#eef5f8,#dbe8ee)}
.rahkar-page .rc206-stage{border-radius:clamp(15px,1.4vw,24px)}
.rahkar-page .rc206-car-image{object-fit:contain}
.rahkar-page .rc206-config-panel{background:rgba(255,255,255,.96)}
.rahkar-page .rc206-config-title{padding-bottom:23px}
.rahkar-page .rc206-option{max-width:none}
.rahkar-page .rc206-options{gap:clamp(6px,.5vw,11px)}
.rahkar-page .rc206-stage-top strong{font-size:clamp(10px,.7vw,13px)}
.rahkar-page .rc206-current{font-size:clamp(12px,.82vw,16px)}
/* Full-width supporting sectors: no 1180px ceiling on any sections. */
.rahkar-page .rahkar-section,
.rahkar-page .rahkar-cta-wrap{width:100%;max-width:none}
.rahkar-page .rahkar-industry-grid{gap:clamp(14px,1.35vw,28px)}
.rahkar-page .rahkar-hero-grid{gap:clamp(16px,2vw,42px)}
@media(max-width:1250px){
 body:has(#main) .site-header .rw-header-brand{max-width:190px}
 body:has(#main) .site-header .rv4-brand-text small{display:none}
 body:has(#main) .site-header .main-nav{gap:1px}
 body:has(#main) .site-header .header-cta{padding-inline:10px}
 .rahkar-page .rwt-showroom-grid{gap:15px}
 .rahkar-page .rwt-interaction-grid{grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:12px}
 .rahkar-page .rwt-experience{padding:19px}
 .rahkar-page .rwt-model-stage{min-height:475px}
}
@media(max-width:1090px){
 .rahkar-page .rwt-showroom-grid{grid-template-columns:1fr}
 .rahkar-page .rwt-experience{max-width:none;padding:clamp(20px,3vw,35px)}
 .rahkar-page .rwt-model-stage{min-height:clamp(440px,55vw,650px)}
 .rahkar-page .rwt-experience-heading{min-height:95px}
 .rahkar-page .rwt-interaction-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .rahkar-page .rc206-layout{grid-template-columns:1fr}
 .rahkar-page .rc206-visual-panel{position:static}
}
@media(max-width:1000px){
 body:has(#main) .site-header{width:100%;max-width:none;margin:0;border-radius:0;top:0}
 body:has(#main) .site-header .header-inner{
   width:calc(100% - 28px);display:flex;align-items:center;justify-content:space-between;
   gap:8px;min-width:0;
 }
 body:has(#main) .site-header .main-nav{display:none!important}
 body:has(#main) .site-header .mobile-menu{display:block}
 body:has(#main) .site-header .header-actions{flex:0 0 auto}
 body:has(#main) .site-header .rw-header-brand{flex:0 1 auto;max-width:215px}
 body:has(#main) .site-header .rw-header-logo{width:clamp(52px,8vw,73px);height:45px}
 body:has(#main) .site-header .rv4-brand-text{font-size:12px}
 body:has(#main) .site-header .header-cta{display:none}
}
@media(max-width:680px){
 :root{--r5-page-gutter:13px}
 .rahkar-page .rwt-showcase{padding:47px 0 65px}
 .rahkar-page .rwt-section-heading{margin-bottom:23px}
 .rahkar-page .rwt-section-heading h2{font-size:clamp(23px,5.9vw,30px)}
 .rahkar-page .rwt-section-heading p{font-size:12px}
 .rahkar-page .rwt-experience{padding:14px;border-radius:19px}
 .rahkar-page .rwt-experience-heading{min-height:0;margin-bottom:15px}
 .rahkar-page .rwt-experience-heading h3{font-size:18px}
 .rahkar-page .rwt-interaction-grid{grid-template-columns:1fr;gap:16px}
 .rahkar-page .rwt-picker{order:2;gap:15px}
 .rahkar-page .rwt-model-stage{order:1;min-height:390px;max-height:470px}
 .rahkar-page .rwt-real-fashion-model{object-fit:contain}
 .rahkar-page .rwt-products{gap:7px}
 .rahkar-page .rwt-choice{min-height:100px;padding:8px 4px}
 .rahkar-page .rwt-choice img{height:65px}
 .rahkar-page .rwt-jewelry-products{grid-template-columns:repeat(4,minmax(0,1fr))}
 .rahkar-page .rwt-jewel-choice{min-height:108px}
 .rahkar-page .rwt-jewel-choice img{height:72px}
 .rahkar-page .rc206-section{padding:48px 0 65px}
 .rahkar-page .rc206-heading h2{font-size:28px}
 .rahkar-page .rc206-layout{gap:14px}
 .rahkar-page .rc206-config-panel,.rahkar-page .rc206-visual-panel{padding:12px;border-radius:20px}
 body:has(#main) .site-header .header-inner{width:calc(100% - 16px);gap:5px}
 body:has(#main) .site-header .rw-header-logo{width:48px;height:42px}
 body:has(#main) .site-header .rw-header-brand{max-width:160px;gap:3px}
 body:has(#main) .site-header .rv4-brand-text{font-size:11px}
 body:has(#main) .site-header .rv4-brand-text small{display:none}
 body:has(#main) .site-header .header-actions{gap:4px}
 body:has(#main) .site-header .public-locales a{min-width:27px;min-height:29px;font-size:9px;padding:3px}
 body:has(#main) .site-header .rw-header-phone{display:none}
}
@media(max-width:370px){
 body:has(#main) .site-header .public-locales a:not(.active){display:none}
}
@media(prefers-reduced-motion:reduce){
 .rahkar-page .rwt-experience,.rahkar-page .rwt-choice{transition:none!important;translate:none!important}
}