/* Visible collections and editorial content for Cửa hàng 1. */
body.dgp-modern-storefront #main .dgp-store :is(#store-arrivals,#store-inspiration,#store-product-stories,#store-brand,#store-process) { scroll-margin-top: 230px; }
.dgp-store-arrivals .dgp-store-product-rail {
  grid-auto-columns: calc((100% - 60px) / 4);
  gap: 20px;
  padding-bottom: 5px;
}
.dgp-store-arrivals__foot { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; }
.dgp-store-arrivals__foot p { margin: 0; color: var(--store-muted); font-size: 12px; }
.dgp-store-arrivals__foot p span { margin-left: 10px; font-size: 20px; }
.dgp-store-room-nav { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; margin-bottom: 30px; }
.dgp-store-room-nav a { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 16px 20px; border: 1px solid var(--store-line); border-radius: 6px; color: var(--store-blue); font-weight: 600; }
.dgp-store-room-nav a:hover { background: #eef1fa; border-color: #b9c4df; }
.dgp-store-room-nav svg { width: 17px; height: 17px; transform: rotate(90deg); }
body.dgp-modern-storefront #main #store-rooms > .dgp-store-room-panel { margin-top: 58px; scroll-margin-top: 230px; }
body.dgp-modern-storefront #main #store-rooms > .dgp-store-room-panel:first-of-type { margin-top: 0; }
body.dgp-modern-storefront #main #store-rooms .dgp-store-room-intro { min-height: 280px; }
.dgp-store-inspiration { margin-top: 76px; padding-block: 12px 16px; }
.dgp-store-style-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; }
.dgp-store-style { position: relative; display: flex; align-items: end; min-height: 440px; overflow: hidden; border-radius: 8px; background: #404037; }
.dgp-store-style > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .4s; }
.dgp-store-style::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg,transparent 12%,rgba(13,21,28,.2) 35%,rgba(13,21,28,.9)); }
.dgp-store-style > div { position: relative; z-index: 1; padding: 28px; color: #fff; }
.dgp-store-style small { display: block; margin-bottom: 12px; color: #e8d7bf; font-size: 10px; letter-spacing: .13em; font-weight: 600; }
body.dgp-modern-storefront #main .dgp-store .dgp-store-style h3 { color: #fff; font-size: clamp(22px,1.8vw,29px) !important; letter-spacing: -.6px; line-height: 1.3; }
.dgp-store-style p { margin: 15px 0 24px; color: #eeeff1; font-size: 13px; line-height: 1.8; }
.dgp-store-style > div > span { display: flex; align-items: center; gap: 12px; font-size: 12px; font-weight: 600; }
.dgp-store-style span svg { width: 17px; height: 17px; }
.dgp-store-dining-story { position: relative; display: flex; align-items: center; min-height: 460px; margin-block: 70px 10px; overflow: hidden; border-radius: 8px; background: #ede8dd; }
.dgp-store-dining-story > img { position: absolute; inset: 0 0 0 auto; width: 72%; height: 100%; object-fit: cover; object-position: center 55%; }
.dgp-store-dining-story::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg,#ede8dd 18%,#ede8dded 35%,#ede8dd00 80%); }
.dgp-store-dining-story > div { position: relative; z-index: 1; width: 58%; max-width: 680px; padding: 44px; }
body.dgp-modern-storefront #main #store-rooms .dgp-store-dining-story h2 { color: #23324d; font-size: clamp(28px,2.7vw,40px) !important; line-height: 1.3; }
.dgp-store-dining-story p { margin: 20px 0 24px; color: #394356; line-height: 1.9; }
.dgp-store-product-stories { padding-block: 65px; background: #f6f4f0; }
body.dgp-modern-storefront #main .dgp-store .dgp-store-product-stories { background-color: #f6f4f0 !important; }
.dgp-store-product-story { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); align-items: center; gap: clamp(28px,4vw,72px); margin-top: 36px; }
.dgp-store-product-story + .dgp-store-product-story { margin-top: 72px; }
.dgp-store-product-story:nth-of-type(even) .dgp-store-product-story__media { order: 2; }
.dgp-store-product-story__media { position: relative; display: block; aspect-ratio: 1.12; overflow: hidden; border-radius: 8px; background: #e8e4dc; }
.dgp-store-product-story__media > img { width: 100%; height: 100%; object-fit: contain; }
.dgp-store-product-story__media > span { position: absolute; bottom: 20px; right: 20px; display: inline-flex; align-items: center; gap: 12px; padding: 13px 18px; border-radius: 4px; color: #243563; background: #fff; font-size: 12px; font-weight: 600; }
.dgp-store-product-story__media > span svg { width: 17px; height: 17px; }
body.dgp-modern-storefront #main .dgp-store .dgp-store-product-story h3 { margin-bottom: 22px; font-size: clamp(25px,2.3vw,36px) !important; line-height: 1.3; letter-spacing: -.8px; }
.dgp-store-product-story__copy > p { color: #586172; line-height: 1.9; }
.dgp-store-product-story dl { margin: 22px 0; border-top: 1px solid #d9d9d4; }
.dgp-store-product-story dl > div { display: grid; grid-template-columns: 125px minmax(0,1fr); gap: 16px; padding-block: 13px; border-bottom: 1px solid #d9d9d4; font-size: 12px; }
.dgp-store-product-story dt { color: #626979; font-weight: 500; }
.dgp-store-product-story dd { margin: 0; color: #202e44; }
.dgp-store-product-story__price { color: var(--store-sale); font-size: 22px; font-weight: 700; line-height: 1.7; }
.dgp-store-product-story__price .amount { font-size: inherit; color: inherit; }
.dgp-store-product-story__price ins { color: inherit; text-decoration: none; background: transparent; }
.dgp-store-product-story__price del { margin-right: 12px; color: #7d8490; font-size: 14px; font-weight: 400; }
.dgp-store-product-story__copy > .dgp-store-product-story__tip { margin-block: 14px 24px; font-size: 12px; color: #5b6371; }
.dgp-store-brand { padding-block: 60px; background: #eee9e0; }
body.dgp-modern-storefront #main .dgp-store .dgp-store-brand { background-color: #eee9e0 !important; }
.dgp-store-brand__inner { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); align-items: center; gap: clamp(32px,5vw,90px); }
.dgp-store-brand__image { position: relative; overflow: hidden; border-radius: 8px; }
.dgp-store-brand__image img { width: 100%; aspect-ratio: 1.2; object-fit: cover; object-position: 82% center; }
.dgp-store-brand__image > span { position: absolute; bottom: 22px; left: 22px; padding: 14px 20px; border-radius: 4px; background: #fff; color: #293992; font-size: 12px; font-weight: 700; letter-spacing: .1em; }
.dgp-store-brand__image b { display: block; margin-top: 4px; font-size: 9px; font-weight: 500; letter-spacing: .16em; }
body.dgp-modern-storefront #main .dgp-store .dgp-store-brand h2 { margin-bottom: 24px; font-size: clamp(30px,3vw,44px) !important; line-height: 1.25; letter-spacing: -1px; }
.dgp-store-brand__copy p { color: #505a69; font-size: 14px; line-height: 1.95; }
.dgp-store-brand__copy .dgp-store-more { margin-top: 12px; min-height: 44px; white-space: normal; }
.dgp-store-process > ol { list-style: none; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 28px; margin: 38px 0 28px; padding: 0; }
.dgp-store-process li { margin: 0; padding-top: 20px; border-top: 2px solid #d9dfe9; }
.dgp-store-process li > span { display: block; margin-bottom: 20px; color: #a28260; font-size: 34px; font-weight: 500; line-height: 1; }
body.dgp-modern-storefront #main .dgp-store .dgp-store-process h3 { font-size: 17px !important; letter-spacing: -.3px; }
.dgp-store-process li p { margin: 12px 0 0; color: #636d7d; font-size: 13px; line-height: 1.85; }
@media (hover:hover) and (pointer:fine) {
  .dgp-store-style:hover > img { transform: scale(1.04); }
}
@media (max-width:1100px) {
  .dgp-store-arrivals .dgp-store-product-rail { grid-auto-columns: calc((100% - 32px) / 3); gap: 16px; }
  .dgp-store-style-grid { gap: 16px; }
  .dgp-store-style { min-height: 410px; }
  .dgp-store-style > div { padding: 22px; }
  .dgp-store-dining-story > div { width: 65%; padding: 32px; }
  .dgp-store-product-story dl > div { grid-template-columns: 100px minmax(0,1fr); gap: 10px; }
  .dgp-store-process > ol { gap: 20px; }
}
@media (max-width:800px) {
  .dgp-store-room-nav { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .dgp-store-style-grid { grid-template-columns: 1fr; }
  .dgp-store-style { min-height: 350px; }
  .dgp-store-style > img { object-position: center 60%; }
  .dgp-store-style > div { max-width: 470px; padding: 30px; }
  .dgp-store-product-story, .dgp-store-brand__inner { grid-template-columns: minmax(0,1fr); gap: 28px; }
  .dgp-store-product-story:nth-of-type(even) .dgp-store-product-story__media { order: 0; }
  .dgp-store-product-story__media { aspect-ratio: 1.35; }
  .dgp-store-process > ol { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 28px; }
}
@media (max-width:600px) {
  body.dgp-modern-storefront #main .dgp-store :is(#store-arrivals,#store-inspiration,#store-product-stories,#store-brand,#store-process) { scroll-margin-top: 155px; }
  .dgp-store-arrivals .dgp-store-product-rail { grid-auto-columns: calc((100% - 12px) / 2); gap: 12px; }
  .dgp-store-arrivals__foot p { font-size: 10px; }
  .dgp-store-room-nav { gap: 8px; margin-bottom: 24px; }
  .dgp-store-room-nav a { min-height: 46px; padding: 11px 14px; font-size: 12px; }
  body.dgp-modern-storefront #main #store-rooms > .dgp-store-room-panel { margin-top: 42px; scroll-margin-top: 155px; }
  body.dgp-modern-storefront #main #store-rooms .dgp-store-product-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; overflow: visible; }
  body.dgp-modern-storefront #main #store-rooms .dgp-store-product__body { padding: 12px; }
  body.dgp-modern-storefront #main #store-rooms .dgp-store-product h3 { font-size: 12px !important; }
  body.dgp-modern-storefront #main #store-rooms .dgp-store-product__price { font-size: 14px; }
  body.dgp-modern-storefront #main #store-rooms .dgp-store-product__meta { flex-wrap: wrap; font-size: 8px; }
  .dgp-store-room-panel > .dgp-store-center .dgp-store-button { width: 100%; font-size: 11px; padding-inline: 12px; }
  .dgp-store-inspiration { margin-top: 46px; padding-bottom: 0; }
  .dgp-store-style { min-height: 370px; }
  .dgp-store-style > div { padding: 24px; }
  .dgp-store-style p { font-size: 12px; }
  .dgp-store-dining-story { min-height: 570px; align-items: end; margin-top: 46px; }
  .dgp-store-dining-story > img { inset: 0; width: 100%; height: 65%; }
  .dgp-store-dining-story::after { background: linear-gradient(0deg,#ede8dd 15%,#ede8ddef 40%,#ede8dd00 80%); }
  .dgp-store-dining-story > div { width: 100%; padding: 24px; }
  body.dgp-modern-storefront #main #store-rooms .dgp-store-dining-story h2 { font-size: 29px !important; }
  .dgp-store-dining-story p { font-size: 12px; margin-block: 16px 22px; }
  .dgp-store-dining-story .dgp-store-button { font-size: 11px; padding-inline: 14px; }
  .dgp-store-product-stories { padding-block: 42px; }
  .dgp-store-product-story + .dgp-store-product-story { margin-top: 48px; }
  .dgp-store-product-story__media { aspect-ratio: 1.1; }
  .dgp-store-product-story__copy > p { font-size: 13px; }
  .dgp-store-product-story dl > div { font-size: 11px; }
  .dgp-store-product-story__price { font-size: 18px; }
  .dgp-store-product-story__price del { display: block; font-size: 12px; }
  .dgp-store-product-story__copy > .dgp-store-product-story__tip { font-size: 11px; }
  .dgp-store-brand { padding-block: 40px; }
  .dgp-store-brand__copy p { font-size: 13px; }
  .dgp-store-process > ol { gap: 26px 18px; margin-top: 24px; }
  .dgp-store-process li > span { margin-bottom: 16px; font-size: 28px; }
  body.dgp-modern-storefront #main .dgp-store .dgp-store-process h3 { font-size: 15px !important; }
  .dgp-store-process li p { font-size: 11px; }
}
@media (prefers-reduced-motion:reduce) {
  .dgp-store-style > img { transition: none; }
  .dgp-store-style:hover > img { transform: none; }
}
