/* Mirock editorial hierarchy, based on the user's navigation/layout reference. */
#mirock-proto .demo-toolbar{background:#f8edf2;padding:7px 32px;min-height:40px;gap:8px 24px;border-color:#efdee5}
#mirock-proto .demo-toolbar>.small{font-size:12px;line-height:1.5}
#mirock-proto .demo-toolbar .switch{gap:12px}
#mirock-proto .demo-toolbar button{min-height:30px;padding:3px 8px;font-size:12px;background:transparent;border-color:transparent;box-shadow:none;border-radius:0;color:#78505f}
#mirock-proto .demo-toolbar button[data-active="true"]{background:transparent;color:#78213f;border-bottom-color:#a83260}
#mirock-proto .brand-header{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px 24px;background:#fffdfd;padding:32px 40px 0;border-color:#efdee5}
#mirock-proto .brand-header .brand-logo{grid-column:2;grid-row:1;width:300px;justify-self:center}
#mirock-proto .brand-header .language-control{grid-column:3;grid-row:1;justify-self:end;justify-content:flex-end;gap:0;max-width:100%}
#mirock-proto .brand-header .language-control>span{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#mirock-proto .brand-header .language-control select{font-size:13px;min-width:100px;width:110px;padding:8px 20px 8px 10px;background:transparent;border:0;box-shadow:none}
#mirock-proto .brand-header .nav{grid-column:1/-1;grid-row:2;justify-content:center;gap:clamp(12px,3vw,46px);padding:0;min-width:0}
#mirock-proto .brand-header .nav button{font-size:14px;font-weight:400;letter-spacing:.035em;padding:12px 4px 15px;min-height:46px;border:0;border-radius:0;box-shadow:none;background:transparent;color:#614450}
#mirock-proto .brand-header .nav button[data-active="true"]{background:transparent;color:#a83260;box-shadow:inset 0 -1px #a83260}
#mirock-proto .brand-header .nav button:hover:not(:disabled){background:transparent;color:#a83260;box-shadow:inset 0 -1px #dca1b6}
#mirock-proto .content{padding-top:40px}
#mirock-proto .catalog-heading{justify-content:center;text-align:center;background:#faf0f4;padding:32px 20px;margin:0 0 30px;position:relative}
#mirock-proto .catalog-heading h2{font-size:34px;letter-spacing:.05em;margin:8px 0 0}
#mirock-proto .catalog-heading .tag{position:absolute;right:18px;bottom:12px;background:transparent;font-size:12px;color:#866a75}
#mirock-proto .category-tabs{justify-content:center;gap:24px;margin:24px 0 30px}
#mirock-proto .category-tabs button{border:0;border-radius:0;box-shadow:none;background:transparent;color:#78505f;padding:8px 4px}
#mirock-proto .category-tabs button.main{background:transparent;color:#a83260;box-shadow:inset 0 -1px #a83260}
#mirock-proto .category-tabs button.main:hover{background:transparent;color:#78213f}
#mirock-proto main:has(.catalog-grid)>.catalog-filters{max-width:1000px;margin:0 auto 44px;gap:24px;align-items:end}
#mirock-proto main:has(.catalog-grid)>.catalog-filters label{font-size:14px;color:#76545f}
#mirock-proto main:has(.catalog-grid)>.catalog-filters input,#mirock-proto main:has(.catalog-grid)>.catalog-filters select{background:#fffdfd;border-color:#e8dce1;border-radius:0;margin-bottom:0;min-height:46px}
#mirock-proto .catalog-grid{gap:32px}
#mirock-proto .catalog-grid .product-card{border:0;background:transparent;border-radius:0;box-shadow:none}
#mirock-proto .catalog-grid .dress-photo{border-radius:0}
#mirock-proto .catalog-grid .product-copy{padding:18px 0 24px}
#mirock-proto .catalog-grid .product-copy h3{font:22px/1.4 Georgia,'Songti SC',serif;margin:8px 0 12px}
#mirock-proto .catalog-grid .product-copy .widebutton{width:auto;padding:7px 0;min-height:40px;background:transparent;border:0;border-bottom:1px solid #c57c98;border-radius:0;box-shadow:none;color:#8c3155}
@media(max-width:900px){#mirock-proto .brand-header{grid-template-columns:1fr auto 1fr;padding:28px 24px 0;gap:18px 8px}#mirock-proto .brand-header .brand-logo{width:250px}#mirock-proto .brand-header .nav{gap:20px}#mirock-proto main:has(.catalog-grid)>.catalog-filters{grid-template-columns:1fr 1fr;gap:16px}}
@media(max-width:600px){#mirock-proto .demo-toolbar{padding:7px 18px}#mirock-proto .demo-toolbar>.small{font-size:11px}#mirock-proto .demo-toolbar .switch{margin-left:auto}#mirock-proto .brand-header{display:flex;flex-wrap:wrap;justify-content:center;padding:22px 18px 0;gap:12px}#mirock-proto .brand-header .brand-logo{width:210px;margin:0 auto}#mirock-proto .brand-header .language-control{width:100%;justify-content:center}#mirock-proto .brand-header .language-control select{font-size:13px;padding:4px 12px;min-height:30px;width:auto}#mirock-proto .brand-header .nav{width:100%;gap:3px 16px;justify-content:center}#mirock-proto .brand-header .nav button{font-size:13px;letter-spacing:0;padding:9px 1px 12px;min-height:42px}#mirock-proto .content{padding-top:24px}#mirock-proto .catalog-heading{padding:24px 12px 40px}#mirock-proto .catalog-heading h2{font-size:28px}#mirock-proto .catalog-heading .tag{right:0;left:0;bottom:8px}#mirock-proto .category-tabs{gap:14px}#mirock-proto .category-tabs button{font-size:14px}#mirock-proto .catalog-grid{gap:24px}}

#mirock-proto .demo-toolbar button[data-active="true"]:hover,#mirock-proto .demo-toolbar button:focus-visible{background:#f6dce6;color:#78213f;box-shadow:none}
#mirock-proto .hero:has(.atelier-carousel) h1{font-size:clamp(28px,3vw,40px);line-height:1.4}
@media(max-width:600px){#mirock-proto .brand-header .brand-logo{order:0}#mirock-proto .brand-header .language-control{order:1}#mirock-proto .brand-header .nav{order:2}#mirock-proto .hero:has(.atelier-carousel) h1{font-size:28px}}