/* Fragonard source editorial pages. The source DOM is wrapped by .fragonard-source-page. */
@font-face { font-family: MrsEaves; src:url('../fonts/mrs-eaves.woff') format('woff'); font-weight:400; font-display:swap; }
@font-face { font-family: TradeGothic; src:url('../fonts/trade-gothic.woff') format('woff'); font-weight:700; font-display:swap; }
.fragonard-store .fragonard-source-page { color:#0b1223; background:#fff; font-family:MrsEaves, Georgia, serif; line-height:1.45; }
.fragonard-store .fragonard-source-page *, .fragonard-store .fragonard-source-page *::before, .fragonard-store .fragonard-source-page *::after { box-sizing:border-box; }
.fragonard-store .fragonard-source-page img { max-width:100%; height:auto; }
.fragonard-store .fragonard-source-page a { color:inherit; }
.fragonard-store .fragonard-source-page p { margin:0 0 1em; }
.fragonard-store .fragonard-source-page ul, .fragonard-store .fragonard-source-page ol { margin:0 0 1em; padding-left:1.35em; }

/* Shared source hero/editorial two-column block observed in reference CSS. */
.fragonard-store .fragonard-source-page .heading_main_container { display:flex; height:100%; }
.fragonard-store .fragonard-source-page .heading_main_container._2cols { justify-content:space-between; align-items:center; flex-flow:row nowrap; }
.fragonard-store .fragonard-source-page .heading_main_container .contentZone { display:flex; justify-content:center; text-align:center; width:100%; height:100%; position:relative; }
.fragonard-store .fragonard-source-page .heading_main_container .contentZone.hasBg img.bg { width:100%; }
.fragonard-store .fragonard-source-page .heading_main_container .contentZone.hasBg .content { position:absolute; }
.fragonard-store .fragonard-source-page .heading_main_container._2cols .contentZone,
.fragonard-store .fragonard-source-page .heading_main_container .banner { width:50%; }
.fragonard-store .fragonard-source-page .heading_main_container .banner { line-height:0; position:relative; }
.fragonard-store .fragonard-source-page .heading_main_container .banner img { width:100%; }
.fragonard-store .fragonard-source-page .heading_main_container .contentZone .content { width:45%; z-index:10; }
.fragonard-store .fragonard-source-page .heading_main_container._2cols .contentZone .content { padding:0 32px; }
.fragonard-store .fragonard-source-page .heading_main_container .contentZone .content .titre_l1 { font-family:SnellRoundhand, cursive; font-weight:400; line-height:18px; }
.fragonard-store .fragonard-source-page .heading_main_container .contentZone .content .titre_l2 { font-family:TradeGothic, Arial, sans-serif; font-weight:700; font-size:62px; line-height:60px; text-transform:uppercase; }
.fragonard-store .fragonard-source-page .heading_main_container .contentZone .content .petit_titre { margin-top:16px; font-size:18px; line-height:20px; color:#000; }
.fragonard-store .fragonard-source-page .heading_main_container .contentZone .content .sous_titre { margin-top:16px; font-family:TradeGothic, Arial, sans-serif; font-weight:700; font-size:46px; line-height:42px; text-transform:uppercase; }
.fragonard-store .fragonard-source-page .heading_main_container .contentZone .content .texte { margin:24px 0; font-family:MrsEaves, Georgia, serif; font-size:16px; line-height:18px; font-style:italic; }
.fragonard-store .fragonard-source-page .heading_main_container .banner video { max-width:100%; aspect-ratio:1 / 1.125; object-fit:cover; }
.fragonard-store .fragonard-source-page .heading_main_container .contentZone .content .btn { display:inline-block; padding:18px 51px; min-height:48px; }

/* Source content editor grid and common text/image blocks. */
.fragonard-store .fragonard-source-page .grid-template { width:100%; }
.fragonard-store .fragonard-source-page .blocSelection .textContent { position:relative; }
.fragonard-store .fragonard-source-page .blocSelection .textContent img { width:100%; }
.fragonard-store .fragonard-source-page .blocSelection .targetBloc { position:absolute; inset:50% auto auto 50%; transform:translate(-50%,-50%); width:100%; }
.fragonard-store .fragonard-source-page .blocSelection .title { font-family:SnellRoundhand, cursive; font-weight:700; font-size:14px; line-height:24px; letter-spacing:.04em; text-align:center; text-transform:lowercase; }
.fragonard-store .fragonard-source-page .blocSelection .title:first-letter { text-transform:uppercase; }
.fragonard-store .fragonard-source-page .blocSelection .subTitle { font-family:TradeGothic, Arial, sans-serif; font-weight:700; font-size:30px; line-height:32px; text-align:center; text-transform:uppercase; }
.fragonard-store .fragonard-source-page .blocSelection .subTitle2 { font-family:MrsEaves, Georgia, serif; font-size:12px; line-height:13px; text-align:center; }
.fragonard-store .fragonard-source-page .contentPush { position:relative; }
.fragonard-store .fragonard-source-page .contentPush > div .contentText { position:relative; }
.fragonard-store .fragonard-source-page .contentPush > div .contentText p.txt { font-family:MrsEaves, Georgia, serif; font-style:italic; }
.fragonard-store .fragonard-source-page .contentPush > div.imgBg { display:flex; justify-content:center; align-items:center; position:relative; }
.fragonard-store .fragonard-source-page .contentPush > div.imgBg > img { width:100%; }
.fragonard-store .fragonard-source-page .contentPush > div.imgBg .contentText { position:absolute; bottom:20px; left:50%; transform:translateX(-50%); width:min(960px, calc(100% - 40px)); padding:20px; }
.fragonard-store .fragonard-source-page .contentPush p.title { height:28px; overflow:hidden; text-transform:uppercase; font-family:TradeGothic, Arial, sans-serif; font-size:18px; line-height:25px; }
.fragonard-store .fragonard-source-page .contentPush .stitle { font-family:TradeGothic, Arial, sans-serif; font-weight:700; font-size:26px; line-height:24px; text-transform:uppercase; }
.fragonard-store .fragonard-source-page .contentPush .sstitle { font-family:MrsEaves, Georgia, serif; font-size:14px; line-height:16px; font-style:italic; }
.fragonard-store .fragonard-source-page .line-grey { border:1px solid #ebe7df; margin:24px auto 16px; width:100%; }

/* FAQ/source accordion content. */
.fragonard-store .fragonard-source-page .accordion .panel, .fragonard-store .fragonard-source-page .panel-group .panel { border:0; border-bottom:1px solid #ebe7df; border-radius:0; background:transparent; box-shadow:none; }
.fragonard-store .fragonard-source-page .accordion .panel-heading, .fragonard-store .fragonard-source-page .panel-group .panel-heading { padding:18px 0; background:transparent; }
.fragonard-store .fragonard-source-page .accordion .panel-title, .fragonard-store .fragonard-source-page .panel-group .panel-title { font-family:TradeGothic, Arial, sans-serif; font-size:18px; font-weight:700; text-transform:uppercase; }
.fragonard-store .fragonard-source-page .accordion .panel-body, .fragonard-store .fragonard-source-page .panel-group .panel-body { padding:16px 0 24px; }
.fragonard-store .fragonard-source-page .faq .banner_theme { display:flex; align-items:center; justify-content:center; position:relative; }
.fragonard-store .fragonard-source-page .faq .banner_theme img { width:100%; }
.fragonard-store .fragonard-source-page .faq .banner_theme .ttl { position:absolute; color:#fff; }

/* Store page banner retained from the observed source rules. */
.fragonard-store .fragonard-source-page .store-banner .textContent { display:flex; justify-content:center; align-items:center; position:relative; }
.fragonard-store .fragonard-source-page .store-banner .targetBloc { position:absolute; }

@media (min-width:1600px) {
 .fragonard-store .fragonard-source-page .heading_main_container .contentZone .content .titre_l2 { font-size:72px; line-height:70px; }
 .fragonard-store .fragonard-source-page .heading_main_container .contentZone .content .texte { font-size:22px; line-height:24px; }
 .fragonard-store .fragonard-source-page .blocSelection .title { font-size:20px; }
 .fragonard-store .fragonard-source-page .blocSelection .subTitle { font-size:34px; line-height:36px; }
 .fragonard-store .fragonard-source-page .blocSelection .subTitle2 { font-size:14px; line-height:15px; }
}
@media (max-width:991px) {
 .fragonard-store .fragonard-source-page .heading_main_container._2cols { flex-wrap:wrap; }
 .fragonard-store .fragonard-source-page .heading_main_container._2cols .contentZone,
 .fragonard-store .fragonard-source-page .heading_main_container .banner { width:100%; height:auto; }
 .fragonard-store .fragonard-source-page .heading_main_container._2cols .contentZone .content { width:auto; padding:56px 24px; }
 .fragonard-store .fragonard-source-page .heading_main_container .contentZone .content .titre_l1 { font-size:16px; line-height:14px; }
 .fragonard-store .fragonard-source-page .heading_main_container .contentZone .content .titre_l2 { font-size:40px; line-height:40px; margin-bottom:16px; }
 .fragonard-store .fragonard-source-page .heading_main_container .contentZone .content .sous_titre { font-size:36px; line-height:34px; }
 .fragonard-store .fragonard-source-page .heading_main_container .contentZone .content { width:90% !important; margin:auto; padding:20px 0 60px; }
 .fragonard-store .fragonard-source-page .heading_main_container .contentZone .content img { width:100%; height:auto; margin-bottom:16px; }
 .fragonard-store .fragonard-source-page .heading_main_container .contentZone.hasBg img.bg { object-fit:cover; }
 .fragonard-store .fragonard-source-page .blocSelection .targetBloc { position:static; transform:none; padding:20px 12px; }
 .fragonard-store .fragonard-source-page .store-banner .textContent { flex-direction:column; }
 .fragonard-store .fragonard-source-page .store-banner .textContent img { order:2; }
}
@media (max-width:767px) {
 .fragonard-store .fragonard-source-page .contentPush p.title { height:auto; text-align:center; font-size:26px; line-height:28px; margin-bottom:30px; }
 .fragonard-store .fragonard-source-page .contentPush .stitle { font-size:16px; line-height:18px; }
 .fragonard-store .fragonard-source-page .contentPush > div.imgBg .contentText { bottom:0; width:100%; padding:0; }
}
